Tutorialspoint

Celebrating 11 Years of Learning Excellence! Use: TP11

Next.js from Development to Deployment: Build Music Event Website

person icon Packt Publishing

4.4

Next.js from Development to Deployment: Build Music Event Website

Build two different websites from development to deployment with the help of Next.js

updated on icon Updated on Jun, 2025

language icon Language - English

person icon Packt Publishing

English [CC]

category icon Development ,Web Development,Next.js

Lectures -77

Duration -9.5 hours

Lifetime Access

4.4

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Next.js is a framework for building server-side rendered React websites as well as static websites. This is a project-based course for learning Next.js. You’ll build a music events application that will give you the foundational knowledge that you need to create your own applications. You’ll use Satrapi as our backend, but you could just as well use anything.

The course starts with learning the fundamentals of Next.js, like pages and routing, data fetching methods, custom API routes, static generation, CSS styling, and image optimization.

While working on the main project, you will also be working with Satrapi CMS, authentication with JSON Web Tokens, authorisation and access control, storing HTTP Only cookies on the server, pagination, search filters, and more, image uploading with Cloudinary integration, and deploying to Vercel and Heroku.

The second project is a static blog using Next.js called Dev-Space, where you will work with Tailwind CSS integration, static data fetching/generation, create, fetch and parse markdown with Frontmatter, search functionality with API route/serverless function, post caching, Git Hooks with Husky, and deploy to Vercel.

By the end of this course, you will be able to create two different websites: Music Event Website and Dev-Space (static blog) using Next.js and various other tools from development to deployment.

The code files and resource files are uploaded on the GitHub repository at thttps://github.com/PacktPublishing/Next.js-from-Development-to-Deployment-Build-a-Music-Event-Website

Goals

  • Learn the fundamentals of Next.js. 
  • Create a backend using Strapi CMS.
  • Pagination, search, and image uploading with Cloudinary.
  • Deploy to production using Vercel and Heroku.
  • Integrate Git Hooks with Husky.
  • JWT authentication/HTTP Only cookie storage.

Prerequisites

  • This course will help anyone who wants to learn Next.js and develop websites along with backend support.
Next.js from Development to Deployment: Build Music Event Website

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction to the Course

4 Lectures
  • play icon Welcome to the Course 01:51 01:51
  • play icon What is Next.js? 04:40 04:40
  • play icon Main Project Overview 03:32 03:32
  • play icon Environment and Tools 03:50 03:50

Next.js Fundamentals

8 Lectures
Tutorialspoint

Data Fetching

5 Lectures
Tutorialspoint

Strapi Backend

3 Lectures
Tutorialspoint

Events Functionality - Part 1

6 Lectures
Tutorialspoint

Events Functionality - Part 2

5 Lectures
Tutorialspoint

Authentication, JWT, and HttpOnly Cookies

8 Lectures
Tutorialspoint

Authorization and Access

6 Lectures
Tutorialspoint

Extras and Deployment

3 Lectures
Tutorialspoint

Project 2 – DevSpace Static Markdown Blog

7 Lectures
Tutorialspoint

Fetch, Parse, and Display Markdown Posts

7 Lectures
Tutorialspoint

Pagination and Category Pages

7 Lectures
Tutorialspoint

Search, Caching Posts, and Deployment

8 Lectures
Tutorialspoint

Instructor Details

Packt Publishing

Packt Publishing

Packt are an established, trusted, and innovative global technical learning publisher, founded in Birmingham, UK with over eighteen years experience delivering rich premium content from ground-breaking authors and lecturers on a wide range of emerging and established technologies for professional development.

Packt’s purpose is to help technology professionals advance their knowledge and support the growth of new technologies by publishing vital user focused knowledge-based content faster than any other tech publisher, with a growing library of over 9,000 titles, in book, e-book, audio and video learning formats, our multimedia content is valued as a vital learning tool and offers exceptional support for the development of technology knowledge.

We publish on topics that are at the very cutting edge of technology, helping IT professionals learn about the newest tools and frameworks in a way that suits them.

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515