React Nextjs Boilerplate

Overview:

This product is a modern theme for web development using Next.js. It is production-ready with a starter file structure. The theme includes features such as a responsive navbar, custom UI components, loading page and states for buttons, dark/light/system mode, private routing, and custom error pages. It also offers integration with a database (MySQL or other), full-stack application capabilities with Next.js, TypeScript for type checking, and authentication system using Prisma and next-auth. The theme comes with documentation, scripts for development, and various configuration options.

Features:

• Production-ready with a starter file structure: The theme is ready for production use and provides a predefined file structure to easily get started.
• Modern theme using shadcn/ui and with global css variables: The theme uses modern design elements and global CSS variables for consistent styling.
• Responsive navbar: The theme includes a responsive navigation bar that adapts to different screen sizes.
• Custom UI components: The theme provides custom UI components such as dropdown menus, buttons, headings, and toast notifications.
• Loading page and states for buttons: The theme includes loading page functionality and different states for buttons.
• Dark/Light/System mode: The theme supports switching between dark, light, and system mode using next-themes library.
• Private routing: The theme includes private routing functionality to protect certain pages or routes.
• Beautiful sign up and sign in pages: The theme provides aesthetically pleasing sign up and sign in pages with options for credentials or Google account authentication.
• Custom error pages: The theme includes custom error pages for 404 and other common errors.
• MySQL (or other) database integration: The theme supports integration with MySQL or other databases for authentication purposes.

Installation:

To install the theme, follow these steps:

1. Clone the repository.
2. Install the dependencies by running the command yarn install or npm install.
3. Set up the database for authentication by creating a MySQL/MariaDB database and inserting the database URL in the .env file.
4. Rename the .env.example file in the root directory to .env and configure it according to the provided guide.
5. Run the development server by executing the command yarn dev or npm run dev. The application will be accessible at http://localhost:3000.
6. If you liked the theme, consider starring the repository to show your support.

Summary:

This product is a feature-rich Next.js theme for web development. It offers a production-ready starter file structure, custom UI components, responsive navbar, and various other features. The theme also includes integration with databases, full-stack development capabilities, TypeScript support, and authentication system. It comes with installation instructions, documentation, and scripts for easy development.