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

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

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!