Lama

Creative Thoughts Agency. Made in the Next.js 14 Complete Course 2024 by Lama Dev.

Content

Learning · Features · Technologies/Tools · How to Test · License

💡 Learning

During this project, we practiced the most recent features and concepts of Next.js 14, including:

• Server and client components
• Hydration errors solutions
• Server-side data fetching
• Caching
• Suspense
• Navigation
• Params and Search Params
• Optimized Links and Images
• Server actions
• API routes on Next.js
• Authentication with Auth.js
• Permissions and authorization
• Next.js middlewares

🚀 Features

• Home, About, Contact, Blog, Admin and Authentication pages

• Create and delete posts and users

• Manage users and posts on Admin panel

⚙️ Technologies

Technologies used

• NodeJS
• Typescript
• ReactJS
• NextJS
• NextAuth
• MongoDB
• Mongoose
• BcryptJS
• CSS Modules
• Eslint
• BiomeJS
• Storybook

❓ How to Test

Locally

⚠️ Make sure you have node and a package manager like npm or yarn installed on your machine.

1. Setup a MongoDB Atlas Cluster and a Github OAuth application.

2. Create a .env file at the root of the project and fill in the environment variables listed in the file .github/.env.sample based on the credentials of your Cluster and OAuth application.

3. Use your package manager to install the dependencies of the project.

4. Use your package manager to run the server with the command dev.

©️ License

This project is under the MIT license.

_{Made with ❤︎ by Vitor Quadros}