Create Next JS

Next.js Starter Pack

Welcome to the Next.js Starter Pack documentation. This package is designed to help you quickly set up a Next.js project with essential features like authentication, UI components, and more.

Introduction

The Next.js Starter Pack is a boilerplate that includes a complete setup for a modern web application. It integrates authentication, UI components, theme management, and database ORM, allowing you to kickstart your project without hassle.

Installation

Create a new project in your terminal:
```
npx @devwizz/create-next-js my-app
```
Navigate to the project directory:
```
cd my-app
```

Set up your environment variables in a .env file:

DATABASE_URL
GOOGLE_CLIENT_ID
GOOGLE_CLIENT_SECRET
NEXTAUTH_SECRET

Install dependencies:
```
npm install
```
Run the development server:
```
npm run dev
```

Included Features & Packages

Next.js - The React Framework for Production
NextAuth.js - Authentication for Next.js
ShadCN UI - A collection of UI components
Next Themes - Theme management for Next.js
Prisma - Next-generation ORM for Node.js
Tailwind CSS - A utility-first CSS framework
Lucide-react - Beautiful & consistent icon toolkit
Framer Motion - Motion library for React

Configuration

Ensure that you have the required environment variables set up in your .env file. This is crucial for the authentication and database connection to work properly.

You can find more details on how to obtain your Google Client ID and Secret from the Google Developer Console.

Usage

Once your project is set up and running, you can start building your application. Refer to the documentation of each included package for detailed usage instructions and examples.