Mrx Nuxt Template
Starter Project for Nuxt4 with better-auth and postgresql.
Overview
The Nuxt 4 + Better-Auth Starter Template is a robust solution for developers looking to create authenticated web applications quickly and efficiently. Tailored for modern development standards, this template integrates cutting-edge technologies like TypeScript and PostgreSQL, ensuring a powerful backend along with a visually striking frontend powered by Nuxt UI Pro. Whether you're building a simple project or a complex application, this starter template promises a well-structured environment for your development needs.
This template not only simplifies the authentication process through its pre-built components but also enhances the developer experience with tools for easy setup and management. With its extensive feature set and thoughtful integration of various technologies, it's a fantastic choice for those looking to jump into building secure, production-ready applications.
Features
- Better-Auth Integration: Utilizes a modern authentication library for efficient session management, ensuring secure user experiences.
- Complete Auth Flow: Offers a seamless registration, login, logout, and session persistence process, making user management straightforward.
- Password Reset: Includes built-in functionality for password recovery, with easy configurations to enhance security.
- Role-Based Access Control: Supports admin roles and permissions, allowing for flexible user management and security protocols.
- Secure Sessions: Features HTTP-only cookies that maintain user sessions for up to 7 days, enhancing security against common vulnerabilities.
- Docker Compose Setup: Simplifies the database configuration with a one-command setup, streamlining the development process.
- Nuxt UI Pro Components: Leverages a premium component library that offers beautiful, accessible UI elements perfect for modern web applications.
- Claude AI Agent Support: Pre-configured for developing AI agents, allowing you to build interactive features with ease, should you choose to utilize them.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Drizzle ORM
Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.