Chris Towles Blog

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

Quick Links

• Blog
• NuxtHub Admin
• Cloudflare Dashboard
• Nuxt UI Components
• Google Search Console

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.

• NuxtHub

  • this switched hosting to cloudflare workers from cloudflare pages.
  • AI
    • hubAI() is disabled: link a project with npx nuxthub link to run AI models in development mode.

• Nuxt Chat

  • using the Nuxt UI Pro Chat Template

• Icons

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

• @ai-sdk/vue

• GitHub OAuth client ID - Setup

• https://github.com/settings/developers

• https://nuxt.com/modules/auth-utils

Development

# Install dependencies
pnpm install

# Start dev server with remote storage
pnpm dev

# Run tests
pnpm test

# Build for production
pnpm build

Content Management

Blog posts are stored in packages/blog/content/2.blog/ using Markdown with frontmatter.

Creating Blog Posts

File naming: YYYYMMDD.post-title.md

Use the blog-content-architect agent for creating focused, concise posts (800-1500 words).

Great Examples of Nuxt UI Pro

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