Nuxi

Nuxi is a Nuxt 3 boilerplate that scaffolds a Netflix-inspired web application with authentication, internationalization, Supabase integration, and Docker deployment pre-configured.

What is Nuxi?

Nuxi is a boilerplate built on Nuxt 3, the progressive Vue.js framework, created by HugoRCD and licensed under MIT. It takes a fresh Nuxt project and adds a full-featured frontend with OAuth login (Google, GitHub, and other providers), a Supabase-connected API layer, a Nitro server endpoint, and a Retype-based documentation site. The template outputs a production-ready web app that can be deployed via Docker or run locally for development.

Key Features

• OAuth authentication — Sign in with Google, GitHub, or other OAuth providers, including a working forgot-password feature.
• Internationalization — Multi-language support with i18n translation, covering English and French.
• Responsive SCSS design — Fully responsive layout styled with SCSS, plus dark and light theme switching.
• Admin dashboard — A built-in admin dashboard for managing content and users.
• Supabase + Nitro API — Real-time database access through Supabase and a self-contained API using Nuxt's Nitro server.
• Docker deployment — Dockerfile and docker-compose configuration that runs the app on port 8080 with a single docker-compose up command.
• Retype documentation — Automatic documentation generation from code with Retype, viewable at hugorcd.github.io/nuxi.
• Command console — A customizable command palette launched with cmd + k, with sample commands to extend.
• Nodemailer mailer — Email sending for forgot-password and new-user notifications, connected via Nodemailer.

Who is it for?

• Vue/Nuxt developers — Looking for a complete Nuxt 3 starter with auth and database setup already integrated.
• SaaS startups — Need a multi-language web app with OAuth login, an admin panel, and a contact form linked to Linear for ticket tracking.
• Streaming-related projects — Want a Netflix-inspired interface for building a streaming service.
• Teams requiring documentation — Benefit from the Retype-powered docs that auto-generate from code comments.

What can you do with Nuxi?

• Build a movie catalog app: Use the Netflix-style layout and Supabase to display and query movie data.
• Launch a multi-language SaaS: OAuth, theming, and i18n are pre-wired, so you can focus on business logic.
• Set up a corporate site with a dashboard: The admin dashboard and contact page with Linear integration support internal team workflows.
• Prototype an authenticated web app quickly: Authentication, email sending, and Docker deployment are ready out of the box.

How does Nuxi work?

Start by cloning the repository with git clone [email protected]:hugoRCD/nuxi, then run pnpm install and pnpm dev. The development server starts at http://localhost:3000. For documentation, run retype watch to serve the Retype site locally, or access the live version at https://hugorcd.github.io/nuxi/. The Docker setup runs on port 8080.

FAQ

What authentication providers are supported in Nuxi?

Nuxi supports OAuth authentication with multiple providers, including Google and GitHub. It also includes a working forgot-password feature that uses the built-in Nodemailer mailer to send reset emails.

Does Nuxi include a database integration?

Yes, Nuxi uses Supabase for real-time API access to your database. It also ships a self-contained API via Nuxt's Nitro server, so you can connect the frontend to a database without extra infrastructure.

Can I deploy Nuxi with Docker?

Yes, the boilerplate includes a Dockerfile and docker-compose configuration. Running docker-compose up starts the application in a container on port 8080, making deployment straightforward.

Is Nuxi free to use?

Nuxi is open source under the MIT License, giving you permission to use, copy, modify, and distribute the code for free.