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

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 https://github.com/PacktPublishing/Next.js-from-Development-to-Deployme…

Type
video
Category
publication date
2021-09-28
what you will learn

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/HttpOnly cookie storage

duration
589
key features
Build a music event application from start to finish * Build a static blog with pagination, search, and categories using markdown * Learn to build a full-stack application with CRUD, pagination, authentication, and more
approach
The course comes bundled with a hands-on project that directly jumps to the practical content, which helps the individual reinforce their learning and develop websites as intended.

The course is designed to build two different websites right from development to deployment along with backend support.
audience
The course is better suited for the individual who is comfortable with JavaScript basics and modern JavaScript features such as arrow functions, restructuring, and the spread operator. The course requires some basics of React; the course does not have the explanation of a few things such as components, props, and JSX.

This course will help anyone who wants to learn Next.js and develop websites along with backend support.
meta description
Build two different websites from development to deployment with the help of Next.js and other tools, the backend support provided by the Strapi CMS
short description
This course focuses on building the application and static website with the help of Next.js. Next.js is written on JavaScript, therefore, the individual will learn to develop the full-stack application CRUD, pagination, authentication, and more.
subtitle
Learn Next.js by building a music event and blog (static) website
keywords
Application development to Deployment with Next.js, build a music event website, static website development, full-stack application, website development, React, Node.js, Strapi
Product ISBN
9781801814706