Next.js Crash Course 2021

Next.js Crash Course 2021

In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more

In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more

Code: https://github.com/bradtraversy/next-crash-course

Next.js Website: https://nextjs.org/

Timestamps:

  • 0:00 - Intro & Slides
  • 6:52 - Getting Setup with create-next-app
  • 8:23 - Files & Folders
  • 11:37 - Pages & Routing
  • 13:14 - Head
  • 16:05 - Layouts & CSS Modules
  • 20:56 - Nav Component & Link
  • 23:34 - Create a Header
  • 25:05 - Styled JSX
  • 27:46 - Custom Document
  • 31:16 - Data Fetching
  • 32:02 - getStaticProps()
  • 33:58 - Showing Data
  • 40:15 - Nested Routing
  • 42:46 - getServerSideProps()
  • 46:00 - getStaticPaths()
  • 49:47 - Export a Static Website
  • 53:18 - API Routes
  • 59:24 - Using the API Data
  • 1:03:48 - Custom Meta Component

next nextjs react reactjs javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Nextjs Portafolio Simple | Ejemplo Práctico de Next.js

En este ejemplo práctico de Nextjs aprenderemos a crear una aplicación simple que nos podrá servir como portafolio para mostrar nuestros trabajos de desarrollo web y también para practicar también conceptos de HTML, CSS, Javascript, React, Bootstrap, y sobre todo Next.js.

How to use Recoil for State Management in ReactJS or NextJS

In this video we will learn about recoil library by Facebook - which is a state management library for react or nextjs applications. This library is super simple to use as compared to the context-api (with useContext hook) or redux. In my opinion this is by far the most easiest and efficient library.

NextJS Crash Course | React | Server Side Rendering

Learn Nextjs from scratch. An awesome reactjs framework for server side rendering. SSR facilitates SEO, quick initial page load and Improve performance on mobile and low-powered devices. It uses webpack to compile and express engine to serve the web pages to render from server side.

Advanced Next.js Course | Learn Next.js in 2021

Advanced Next.js Course | Learn Next.js in 2021. Next.js is an open-source React front-end development web framework that enables functionality such as server-side rendering and generating static websites for React based web applications.