happy-paws-with-nuxt-tailwindcss

Happy Paws - Fullstack, SEO friendly, performant app with Nuxt & Tailwind CSS

Nuxt 3 Fullstack (SPA-SSR) app for an pet adoption organisation. Pet data is fetched via APIs served by server routes (Nitro-powered), statically generated articles fetched from an external REST API source, a blog authored with markdown files, and everything styled with the power and beauty of Tailwind CSS.

This is a sample project created using the Vue Designer Nuxt Tailwind CSS - Quick start template.

Key Features:

• Nuxt 3: Leverages the intuitive Vue framework for building robust web applications.
• Tailwind CSS: Utilizes a utility-first CSS framework for styling.
• Nuxt Content: Employs a file-based CMS powered by Markdown & Vue components for easy content management.
• SSR/SSG: Supports both Server-Side Rendering (SSR) and Static Site Generation (SSG) for optimal performance and SEO.
• Vue Designer Integration: Seamlessly integrates with Vue Designer for visual component design.

Usage:

1. Clone the repository.
2. Open the project in Vue Designer.
3. Start the development server: npm run dev
4. Build for production: npm run build (SSR) or npm run generate (SSG)
5. Analyze bundle sizes: npm run analyze
6. Preview the build: npm run now
7. Run Lighthouse for performance testing: npm run unlighthouse