Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hombre2014/nextjs-14-auth-v5-tutorial

Next.js Auth tutorial by Code with Antonio
https://github.com/hombre2014/nextjs-14-auth-v5-tutorial

authjs nextauthjs nextjs14 ouath react shadcn-ui tailwindcss typescript

Last synced: 4 days ago
JSON representation

Next.js Auth tutorial by Code with Antonio

Awesome Lists containing this project

README

        

# Auth V5

> Next Auth V5 Advanced guide

## Built With

- Major languages: TypeScript
- Framework: Next.js
- Libraries: Prisma, Auth.js, React

## Screenshots

![screenshot](./public/login.jpg)

## Getting Started

- cloning the repository by running `git clone [https://](https://github.com/Hombre2014/nextjs-14-auth-v5-tutorial.git)`
- cd into the project directory `cd nextjs-14-auth-v5-tutorial`
- Install the dependencies by running `npm install` or `yarn install`
- Run the development server by running `npm run dev` or `yarn dev`
- Open your browser and navigate to `http://localhost:3000`

## Environment Variables

You will need to create a `.env` file in the root of the project and add the following environment variables:

DATABASE_URL=
DIRECT_URL=
AUTH_SECRET=
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
RESEND_API_KEY=
NEXT_PUBLIC_APP_URL="http://localhost:3000" or your production URL

## Live Demo

[Auth v5 demo](https://nextjs-14-auth-v5-tutorial.vercel.app/)

## Deployment

- Using [Vercel](https://vercel.com)

## Author

👤 **Yuriy Chamkoriyski**

- GitHub: [@Hombre2014](https://github.com/Hombre2014)
- Twitter: [@Chamkoriyski](https://twitter.com/Chamkoriyski)
- LinkedIn: [axebit](https://linkedin.com/in/axebit)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Hombre/auth-v5/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

Thanks to "Coding with Antonio" YouTube channel and [AntonioErdeljac](https://github.com/AntonioErdeljac) for his inspirational [tutorial](https://www.youtube.com/watch?v=1MTyCvS05V4&ab_channel=CodeWithAntonio).

## 📝 License

This project is [MIT](./license.md) licensed.