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

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!