Overview:

This product is a template for building public websites, specifically optimized for simple static websites with a few APIs. It was created by the developer as a starting point for their personal projects and to benefit other developers. The template includes features such as core Nuxt 3, state management with Pinia stores, Sass theme customization, hybrid rendering, self-hosted fonts, performance optimizations, static checks with Typescript and eslint, e2e testing, internationalization support, accessibility features, CI/CD integration, and analytics integration with Plausible.

Features:

• Core Nuxt 3 with Vite and Nitro
• Auto-imports and API routes
• State management with Pinia stores
• VueUse functions
• Sass theme, functions, and mixins for common use cases
• Hybrid rendering using a combination of SSG and SSR
• Cache-Control header pre-configured on API and SSR routes
• Self-hosted fonts using Fontsource
• 100% Lighthouse score on desktop, 97 on mobile
• Typescript everywhere with eslint and prettier
• Pre-commit hook for lint and format
• E2e tests on multiple browsers, desktop, and mobile using Playwright
• Script for fetching API data and storing it in local files for offline development
• Multiple languages support with automatic language detection and redirection
• Meta and link tags for SEO
• Accessible navigation for desktop and mobile
• “Skip navigation” link for keyboard users
• CI/CD integration with GitHub Actions
• Ready to deploy on Vercel
• Analytics integration with Plausible

Installation:

To install the template, there are two options:

1. Using GitHub:

• Click on the button “Use this template” at the top of the GitHub page.
• Check the option “Include all branches” to have the starter branch, which is the template without the demo and documentation.

2. Using your terminal:

• Fetch the starter branch without all the git history.
• Run the development server or other available scripts found in the package.json file.

Summary:

This product is a template for building public websites, optimized for simple static sites with a few APIs. It includes various features for performance, testing, internationalization, accessibility, CI/CD, and analytics integration. The installation process can be done through GitHub or using the terminal. Overall, this template provides a solid starting point for developers to build their own projects with proper accessibility, SEO, and performance.