Part 2 | Next.js 15 for Beginners | Authentication, Database & CRUD Soccer App

This content originally appeared on DEV Community and was authored by Osiris8

🚀 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:

🔥 Why You Should Watch This Video

1. Learn Next.js 15 authentication with Kinde Auth
2. Connect and interact with MongoDB
3. Implement full CRUD operations (Create, Read, Update, Delete)
4. Use EdgeStore for player image uploads
5. Build a real-world app

This content originally appeared on DEV Community and was authored by Osiris8

Print Share Comment Cite Upload Translate Updates

APA

Osiris8 | Sciencx (2025-03-02T05:42:24+00:00) Part 2 | Next.js 15 for Beginners | Authentication, Database & CRUD Soccer App. Retrieved from https://www.scien.cx/2025/03/02/part-2-next-js-15-for-beginners-authentication-database-crud-soccer-app/

MLA

" » Part 2 | Next.js 15 for Beginners | Authentication, Database & CRUD Soccer App." Osiris8 | Sciencx - Sunday March 2, 2025, https://www.scien.cx/2025/03/02/part-2-next-js-15-for-beginners-authentication-database-crud-soccer-app/

HARVARD

Osiris8 | Sciencx Sunday March 2, 2025 » Part 2 | Next.js 15 for Beginners | Authentication, Database & CRUD Soccer App., viewed ,<https://www.scien.cx/2025/03/02/part-2-next-js-15-for-beginners-authentication-database-crud-soccer-app/>

VANCOUVER

Osiris8 | Sciencx - » Part 2 | Next.js 15 for Beginners | Authentication, Database & CRUD Soccer App. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/03/02/part-2-next-js-15-for-beginners-authentication-database-crud-soccer-app/

CHICAGO

" » Part 2 | Next.js 15 for Beginners | Authentication, Database & CRUD Soccer App." Osiris8 | Sciencx - Accessed . https://www.scien.cx/2025/03/02/part-2-next-js-15-for-beginners-authentication-database-crud-soccer-app/

IEEE

" » Part 2 | Next.js 15 for Beginners | Authentication, Database & CRUD Soccer App." Osiris8 | Sciencx [Online]. Available: https://www.scien.cx/2025/03/02/part-2-next-js-15-for-beginners-authentication-database-crud-soccer-app/. [Accessed: ]

rf:citation

» Part 2 | Next.js 15 for Beginners | Authentication, Database & CRUD Soccer App | Osiris8 | Sciencx | https://www.scien.cx/2025/03/02/part-2-next-js-15-for-beginners-authentication-database-crud-soccer-app/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.