Next.js from Development to Deployment: Build a Music Event Website [Video]

By Brad Traversy
    Advance your knowledge in tech with a Packt subscription

  • Instant online access to over 7,500+ books and videos
  • Constantly updated with 100+ new titles each month
  • Breadth and depth in over 1,000+ technologies
  1. Introduction to the Course

About this video

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 Strapi 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 Strapi CMS, authentication with JSON Web Tokens, authorization and access control, storing HttpOnly 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 DevSpace, 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 DevSpace (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

Publication date:
September 2021
9 hours 49 minutes

About the Author

  • Brad Traversy

    Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media, a successful web development YouTube channel. He specializes in everything from HTML5 to front-end frameworks, such as Angular, as well as server-side technologies, such as Node.js, PHP, and Python. Brad has mastered the art of explaining very complex topics in a simple, easy-to-understand manner.

    Browse publications by this author
Next.js from Development to Deployment: Build a Music Event Website [Video]
Unlock this video and the full library for $5 a month*
Start now