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
Web Development,Development,Next JS
Lectures -77
Duration -9.5 hours
30-days Money-Back Guarantee
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, 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
Goals
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
Prerequisites
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.
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction to the Course
4 Lectures
- 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
Next.js Fundamentals
8 Lectures
Data Fetching
5 Lectures
Strapi Backend
3 Lectures
Events Functionality - Part 1
6 Lectures
Events Functionality - Part 2
5 Lectures
Authentication, JWT, and HttpOnly Cookies
8 Lectures
Authorization and Access
6 Lectures
Extras and Deployment
3 Lectures
Project 2 – DevSpace Static Markdown Blog
7 Lectures
Fetch, Parse, and Display Markdown Posts
7 Lectures
Pagination and Category Pages
7 Lectures
Search, Caching Posts, and Deployment
8 Lectures
Instructor Details
Packt Publishing
eCourse Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe nowOnline Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now