Next.js for Beginners - Full Course | React, Web Development

Kapehe

Learn the fundamentals of Next.js, a popular React framework, and build a recipe app project with server-side rendering, file-based routing, and more.

Video CoursesNext.jsReactWeb Development

Introduction

Next.js is a popular open source React framework that provides server-side rendering, file-based routing, and other features that make it easier to build and deploy React applications. This course by Kapehe, a developer relations expert at Sanity.io, is designed to teach beginners the fundamentals of Next.js.

Highlights

  • Covers key Next.js features such as file-system routing, image optimization, and server-side rendering
  • Builds a recipe app project that demonstrates how to use Next.js with an external API and real-time previews
  • Explains how to deploy a Next.js app to Vercel with zero configuration

Recommendation

This course is recommended for React developers who want to learn how to use Next.js to build more performant and SEO-friendly web applications. No prior experience with Next.js is required, but some familiarity with React would be beneficial.

YouTube Videos

How GetVM Works

Learn by Doing from Your Browser Sidebar

Access from Browser Sidebar

Access from Browser Sidebar

Simply install the browser extension and click to launch GetVM directly from your sidebar.

Select Your Playground

Select Your Playground

Choose your OS, IDE, or app from our playground library and launch it instantly.

Learn and Practice Side-by-Side

Learn and Practice Side-by-Side

Practice within the VM while following tutorials or videos side-by-side. Save your work with Pro for easy continuity.

Explore Similar Hands-on Tutorials

Comprehensive Dart Programming | Learning Dart Course

7
Technical TutorialsDartWeb Development
Dive into the world of Dart programming with this comprehensive guide, covering a wide range of topics from getting started to advanced concepts. Ideal for both beginners and experienced developers.

Go Web Development Succinctly

12
Technical TutorialsGoWeb Development
A concise and practical guide to building scalable web applications using the Go programming language. Covers key topics like serving, routing, data sources, and more.

How To Build a Website with HTML

25
Technical TutorialsHTMLWeb Development
Comprehensive guide for beginners to learn HTML and create their own websites. Covers fundamental HTML concepts, web development techniques, and practical website design tips.

Practical Series: A website template

2
Technical TutorialsWeb Development
Detailed insights into building a website template, covering HTML 5, CSS 3, and practical web development challenges for non-web developers.

The CSS Handbook | Web Development, Responsive Design

27
Technical TutorialsCSSWeb Development
Comprehensive guide to CSS for web development, covering essential topics and techniques by experienced author Flavio Copes. Improve your CSS skills and create modern, responsive web designs.

The HTML Handbook | Web Development, Front-End Programming

30
Technical TutorialsHTMLWeb Development
Comprehensive guide to HTML, covering web development, front-end programming, and best practices for building web pages and applications.

Designing Scalable JavaScript Applications

29
Technical TutorialsJavaScriptWeb Development
Comprehensive guide to building high-performance, scalable web applications using JavaScript. Covers architecture, performance optimization, and best practices.

JavaScript Bible | Comprehensive Guide to Web Development

24
Technical TutorialsJavaScriptWeb Development
The JavaScript Bible by Danny Goodman is a must-have resource for web developers, covering essential concepts, techniques, and best practices for JavaScript programming.

JavaScript for Cats | Beginner-Friendly JavaScript Programming

3
Technical TutorialsJavaScriptWeb Development
Dive into the world of JavaScript with JavaScript for Cats, a cat-themed course that teaches programming concepts through interactive examples and hands-on learning.