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
- 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
- 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 a Music Event Website Next.js from Development to Deployment: Build a Music Event Website](https://d3mxt5v3yxgcsr.cloudfront.net/courses/8209/course_8209_image.jpg)
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
![Tutorialspoint](/market/public/assets/images/loader.gif)
Data Fetching
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Strapi Backend
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Events Functionality - Part 1
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Events Functionality - Part 2
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Authentication, JWT, and HttpOnly Cookies
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Authorization and Access
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Extras and Deployment
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 2 – DevSpace Static Markdown Blog
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Fetch, Parse, and Display Markdown Posts
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Pagination and Category Pages
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Search, Caching Posts, and Deployment
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Packt Publishing](https://www.tutorialspoint.com/assets/profiles/154467/profile/200_283401-1581924256.png)
Packt Publishing
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
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 now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)