Spacerr Starter Pack

This starter pack provides a comprehensive Next.js setup, built on top of create-next-app, and includes additional features such as:

Auth

NextAuth v5 is used for authentication. You can find the documentation here.

Database - ORM

• Prisma

Global state management and data fetching

• TanStack Query: For powerful data fetching and async state management.
• Zustand: For global state management.

Email service provider

• Resend: A lib, makes it easy for anyone to write, format, and send emails

Type safety and runtime validation

• Zod

UI Components

• Shadcn: A collection of copy paste components for beautiful UI.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Framer Motion: A production-ready motion library for React.

Code Styling

• ESLint: Basic ESLint setup for code quality.
• Prettier: Code formatting for consistency.
• VS Code workspace: This workspace is equipped with essential extensions to enhance code quality. Please ensure you install the recommended extensions and work within the workspace.

How to run the project

1. Install Node.js version ^20.16.0 or later: Node.js
2. Install pnpm npm install -g pnpm
3. Install project dependencies - pnpm install
4. Create a .env file in the root of the project and add the environment variables which is provided in .env.example file.
5. Generate prisma client - pnpm prisma:generate
6. Sync database - pnpm prisma:push
7. Run the application - pnpm dev

Available commands

1. pnpm dev: Runs the application in development mode.
2. pnpm build: Builds the application for production.
3. pnpm prisma:push: Syncs the database with the schema.
4. pnpm prisma:generate: Generates Prisma client.
5. pnpm start: Starts the application in production mode.
6. pnpm lint: Lints the application using ESLint.
7. pnpm postinstall: Runs the postinstall script to generate Prisma client.
8. pnpm prepare: Runs the prepare script to set up Husky for Git hooks.

Additional Information

Once the application is running, you can start developing with a powerful setup already configured. For more details on customizing your environment or extending the starter pack, refer to the documentation of each included tool.

Happy Coding!