🚀 Welcome to Part 2 of our Next.js 15 Full Course! In this video, we take our Soccer App to the next level by adding authentication, database integration, and full CRUD functionalities.
You’ll learn how to store and manage users, upload player images, and implement server components!
📖 What You’ll Learn in This Video:
- Setup your database
- Connect to MongoDB
- Start authentication with Kinde
- Add authentication (Sign Up & Sign In) to Navbar
- Add a user profile & customize Navbar for logged-in users
- Create a page to add a new player
- Install EdgeStore to upload player images
- Create an API route to add a player
- Create an API route to get player details
- Display player details using URL ID
- Add a button to edit a player
- Display player data in a form
- Add a PATCH route to update player data
- Update player details
- Add an API route to delete a player
- Delete a player
- Display all players on the homepage
- Add an API route to fetch all players
- Display all players
- Add an API route to fetch only my created players
- Display my created players
- Server components in Next.js
- Full demo of our application
🔗 Watch Video:
https://youtu.be/RS0vkGw8jYQ?si=gUF2DyovjRmKD_Fo
Top comments (4)
Awesome guide! ⚡ If you're working with authentication in Next.js 15, check out Logar an open-source auth solution built for modern apps. Simple, secure, and easy to integrate!
GitHub: github.com/HardikGohilHLR/logar
Live: logar-app.netlify.app/
Thanks for sharing Hardik ! It looks like a great solution for authentication in Next.js 15. I'll definitely check it out for my next projects !
Watch Part1 here: youtu.be/txeTcmivwuY?si=8A1Ur19Ju-...
Watch Part2 here: youtu.be/RS0vkGw8jYQ?si=nIirg34Q91...