Build a site from scratch with Next.js, TypeScript, Emotion and Netlify

37m
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.6
377
people completed
Bookmark
Download
RSS
Start Watching

Next.js is a React framework that provides a solutions to problems such as:

  • 🌟 bundling & transpiling your React code
  • 🌟 code splitting
  • 🌟 being able to switch between client side rendering & server side rendering depending on the page (e.g. landing page vs. settings page)
  • 🌟 client-side routing

In this collection we're going to learn how to harness the power of Next.js + TypeScript and how to work with Netlify in order to deploy our site for others to enjoy!

Learn how to:

  • πŸ”₯ Create a new Next.js project
  • πŸ”₯ Add TypeScript support
  • πŸ”₯ Create styled components with Emotion
  • πŸ”₯ Use both static and dynamic routes
  • πŸ”₯ Generate fully typed static pages
  • πŸ”₯ Set up Netlify deployments
  • πŸ”₯ Add a Netlify Form to our site
  • πŸ”₯ and more!

Instructor

Tomasz Łakomy

Frontend Engineer at Stedi, building Cloudash. His interests include React, AWS, testing, Svelte, VR, app performance and... jQuery, which he still thinks is the best library ever.

Learn about Tomasz's story with egghead.

Course content (15 lessons)

    illustration for Build a site from scratch with Next.js, TypeScript, Emotion and Netlify