DEV Community

Cover image for Next.js 15 for Beginners | Build & Deploy a Soccer App
Osiris8
Osiris8

Posted on

2

Next.js 15 for Beginners | Build & Deploy a Soccer App

🚀 Learn Next.js 15 by building a complete application from scratch! In this hands-on course, we’ll create and deploy Soccer App, a full CRUD application that lets users add, update, and delete football players.

🔥 What You’ll Learn:

  • Introduction to Next.js 15
  • Installing Next.js and setting up the project
  • Understanding Next.js file structure
  • CSS styling and best practices
  • Adding metadata for SEO
  • Optimizing fonts and images in Next.js
  • Creating layouts and pages
  • Fetching data efficiently
  • Implementing search functionality
  • Setting up a database for dynamic data
  • Adding authentication with Kinde
  • Creating API routes
  • Using server components for better performance
  • Deploying the app on Vercel

👨‍💻 Final Project:

A modern, fully functional soccer player management app with a sleek UI and smooth user experience!

🔗 Full Video:

https://youtu.be/txeTcmivwuY?si=C7ofrhlcpqU0GZpj

💡 Why Watch This Tutorial ?

If you want to master Next.js 15 by building a real-world project, this is for you! Whether you’re a beginner or an intermediate developer, you’ll gain valuable skills through hands-on learning.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (1)

Collapse
 
osiris8 profile image
Osiris8

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more