Chris Towles Blog

This is just my personal blog at https://Chris.Towles.dev

Blog Tech Stack

• Nuxt

  • using nuxt-content

• Nuxt UI Pro

  • Paid for Nuxt UI Pro ($249)
    • First, any time I spend doing CSS and even Tailwind is time wasted.
    • Happy to give back to NuxtLabs, I've used so much from Anthfu, Daniel Roe and Vue and Nuxt core members.

• Cloudflare

  • Paid for Cloudflare ($5 Monthly)
  • can likely go back to free but ran over the 1mb file limit.

• Icons

  • https://heroicons.com/
  • https://simpleicons.org/

• Check Google Search Indexing - https://search.google.com/search-console/

  • verify the domain via DNS verification

Great Examples of Nuxt UI Pro

• https://github.com/nuxt-ui-pro/saas
• https://github.com/nuxt-ui-pro/landing

Compress images

# Install Image Optimizers
sudo apt-get install pngquant -y

# Run the following command to optimize all PNG files in your project:
find . -name '*.png' -exec pngquant --ext .png --force 256 {} \;


## Check file sizes
cd public/images
du * | sort -nr

## Compress all PNG files in repo not yet checked in
png-compress() {
  # Get all PNG files not yet committed
  LIST=($(git status -s | cut -c4- | grep .png))
  for file in $LIST
  do
    echo "-- Processing $file..."
    du -h "$file"
    pngquant "$file" --ext .png --force
    du -h "$file"
  done
}