Next.js Dev to Deployment

Next.js is a framework for building server-side rendered React websites as well as static websites.
Next.js Dev to Deployment
0/5 No votes
Author
Brad Traversy
Version
05/2021
Updated
August 3, 2021
Requirements
Modern JavaScript/ The basics of React
Size
4.3 GB
Download
859

Report this app

Images

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. We will build a music events application that will give you the foundational knowledge that you need to create your own applications. We will use Strapi (a headless CMS) as our backend but you could just as well use anything

We will learn the fundamentals of Next.js like…

  • Pages & Routing
  • Data Fetching Methods – getServerSideProps, getStaticProps, getStaticPaths
  • Custom API Routes
  • Static Generation
  • CSS Styling
  • Image Optimization

In our main project, we will also be working with…

  • Strapi CMS
  • Authentication with JWT (JSON Web Tokens)
  • Authorization and access control
  • Storing HttpOnly Cookies on the server
  • Pagination, search filters, etc
  • Image uploading with Cloudinary integration
  • Deploying to Vercel and Heroku

Next.js can also be used to create “static websites”. The second project is a static blog called Devspace

  • TaiilwindCSS Integration
  • Static Data Fetching/Generation
  • Create, Fetch & Parse Markdown with Frontmatter
  • Search Functionality with API route/Serverless Function
  • Post Caching
  • Git Hooks with Husky
  • Deploy to Vercel

What you'll learn

  • Build a music event application from start to finish
  • Learn the fundamentals of NextJS
  • Create a backend using Strapi CMS
  • JWT Authentication / HttpOnly Cookie Storage
  • Pagination, search, image uploading with Cloudinary
  • Build a static blog with pagination, search & categories using Markdown
  • Deploy to production using Vercel

This course includes

  • 10 hours on-demand video
  • 2 articles
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of completion

Who this course is for

  • People that want to learn NextJS
  • Learn the foundations to build a full stack application with CRUD, pagination, authentication and more

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

If you need password to extract compress file, please see here.