Next.js from Development to Deployment: Build a Music Event Website
Build two different websites from development to deployment with the help of Next.js and other tools, the backend support provided by the Satrapi CMS
Updated on Sep, 2023
Language - English
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, authorization and access control, storing HTTP Only cookies on the server, pagination, search filters, and more, image uploading with Cloud nary 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/server less 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 https://github.com/PacktPublishing/Next.js-from-Development-to-Deployment-Build-a-Music-Event-Website
What will you learn in this course:
- Learn the fundamentals of Next.js
- Create a backend using Strapi CMS
- Pagination, search, image uploading with Cloudinary
- Deploy to production using Vercel and Heroku
- Integrate Git Hooks with Husky
- JWT authentication/HTTP Only cookie storage
What are the prerequisites for this course?
- This course will help anyone who wants to learn Next.js and develop websites along with backend support.
Check out the detailed breakdown of what’s inside the course
Introduction to the Course
- Welcome to the Course 01:51 01:51
- What is Next.js? 04:40 04:40
- Main Project Overview 03:32 03:32
- Environment and Tools 03:50 03:50
Events Functionality - Part 1
Events Functionality - Part 2
Authentication, JWT, and HttpOnly Cookies
Authorization and Access
Extras and Deployment
Project 2 â€“ DevSpace Static Markdown Blog
Fetch, Parse, and Display Markdown Posts
Pagination and Category Pages
Search, Caching Posts, and Deployment
Founded in 2004 in Birmingham, UK, Packt's mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.
Working towards that vision, we have published over 6,500 books and videos so far, providing IT professionals with the actionable knowledge they need to get the job done - whether that's specific learning on an emerging technology or optimizing key skills in more established tools.
As part of our mission, we have also awarded over $1,000,000 through our Open Source Project Royalty scheme, helping numerous projects become household names along the way.
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.
Our students work
with the Best
Related Video CoursesView More
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video CoursesSubscribe now
Master prominent technologies at full length and become a valued certified professional.Explore Now