Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caru-ini/next-authjs-template
Next.js + Auth.js + prisma + shadcn/ui Starter Kit
https://github.com/caru-ini/next-authjs-template
authjs nextjs prisma shadcn-ui starter-template starter-template-nextjs
Last synced: about 1 month ago
JSON representation
Next.js + Auth.js + prisma + shadcn/ui Starter Kit
- Host: GitHub
- URL: https://github.com/caru-ini/next-authjs-template
- Owner: caru-ini
- License: mit
- Created: 2024-10-06T08:09:53.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-04T13:28:28.000Z (about 2 months ago)
- Last Synced: 2024-11-04T14:31:09.257Z (about 2 months ago)
- Topics: authjs, nextjs, prisma, shadcn-ui, starter-template, starter-template-nextjs
- Language: TypeScript
- Homepage:
- Size: 319 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js Auth.js Template
This project is a web application template with authentication features, using Next.js 14 and Auth.js. It incorporates modern web development best practices, enabling rapid development initiation.
## Key Features
- **Next.js 14(App Router)**: Utilizing the latest React framework
- **Auth.js**: Easy implementation of a secure authentication system
- **Prisma**: Efficient database operations with a type-safe ORM
- **PostgreSQL**: Reliable relational database
- **Tailwind CSS**: Customizable utility-first CSS framework
- **shadcn/ui**: Reusable UI components
- **Docker**: Simple development environment setup
## Setup Instructions
1. Clone the repository
With create-next-app
```bash
pnpm create next-app -e https://github.com/caru-ini/next-authjs-template
```
or using GitHub CLI
```bash
gh repo create --template https://github.com/caru-ini/next-authjs-template --clone
```
2. Install dependencies:
```bash
pnpm i
```
3. Generate auth.js secret
```bash
pnpm dlx auth@latest secret
```
4. Set up environment variables:
Create a `.env.local` file and set the necessary environment variables:
```env
AUTH_SECRET=your_auth_secret # already generated
DATABASE_URL="postgresql://postgres:postgres@localhost:5432/postgres?schema=public"
AUTH_GITHUB_ID=your_github_id
AUTH_GITHUB_SECRET=your_github_secret
```
5. Set up the database:
```bash
docker-compose up -d
```
6. Run Prisma migrations:
```bash
pnpm prisma:migrate
```
7. Start the development server:
```bash
pnpm dev
```
8. Open [http://localhost:3000](http://localhost:3000) in your browser to view the application.
## Technologies Used
- [Next.js](https://nextjs.org/)
- [Auth.js](https://authjs.dev/)
- [Prisma](https://www.prisma.io/)
- [PostgreSQL](https://www.postgresql.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [shadcn/ui](https://ui.shadcn.com/)
- [Docker](https://www.docker.com/)
## License
This project is released under the MIT License. See the [LICENSE](LICENSE) file for details.
## Support
If you have any questions or need assistance, please open an issue or contact the project maintainer directly.
## Star Us!
If you find this project useful, we'd greatly appreciate it if you could star our GitHub repository. Your support is a huge encouragement for us to continue improving and maintaining this project.