Build a site from scratch with Next.js, TypeScript, Emotion and Netlify
Instructor
Tomasz Łakomy
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!
Learner Reviews
- Learner3 weeks agoHow will you use what you learned from this course?
Nice short overview of how to use Next.js, TypeScript and Emotion for a project, and deploy it on Netlify.
- Brent3 weeks agoWhat did you like about this course?
Great overview! This short course covers just about everything you need to build a basic static site.
Well done!
- Pramod Jingade2 months agoWhat did you like about this course?
The videos are short and to the point !
- Lucidea3 months agoHow will you use what you learned from this course?
I will use next to build some static sites with ease.
Thank you.
- Md. Anam Hossain4 months agoWhat did you like about this course?
Awesome. thanks for your time.
- Marcell Ciszek4 months agoWhat did you like about this course?
Thank you Tomasz for awesome course I really like it that you made in Typescript. Dziękuje Tomasz!
Course Content
- 12
You might also like these resources:
Introduction to Cloudflare Workers
Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.
Create an eCommerce Store with Next.js and Stripe Checkout
This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio
Practical Git for Everyday Professional Use
git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.