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:
- Clone the repository.
- Open the project in Vue Designer.
- Start the development server:
npm run dev - Build for production:
npm run build(SSR) ornpm run generate(SSG) - Analyze bundle sizes:
npm run analyze - Preview the build:
npm run now - Run Lighthouse for performance testing:
npm run unlighthouse
