Build a Next.js App with React & TypeScript

Published: 21 April 2021
on channel: Nono Martínez Alonso
27,871
286

How to build a website with the Next.js React framework using TypeScript.
TL;DR: npx create-next-app@latest --ts; cd my-app; npm run build; npm start

💬 Join the conversation on Discord   / discord  
🧠 Machine Learning Series:    • 🧠 Machine Intelligence  
🔴 Live Streams:    • 🧠 Live Streams  

Create a Next.js App https://nono.ma/e/amz
Add TypeScript to Next.js https://nono.ma/e/0Ma

Next.js with React & TypeScript walkthrough https://nextjs.org/learn/excel/typesc...
JavaScript initial code https://github.com/vercel/next-learn-...
TypeScript final code https://github.com/vercel/next-learn-...

🍃 Getting Simple: https://gettingsimple.com
🎙 Podcast: https://gettingsimple.com/podcast
🗣 Ask Questions: https://gettingsimple.com/ask
💬 Discord:   / discord  
👨🏻‍🎨 Sketches: https://sketch.nono.ma
✍🏻 Blog: https://nono.ma
🐦 Twitter:   / nonoesp  
📸 Instagram:   / nonoesp  

0:00 Intro
0:42 What is Next.js?
1:08 Build a Next.js app with React and TypeScript
2:27 Create a new Next.js & JavaScript app with npx
4:19 Serving
5:32 Adding TypeScript
7:37 tsconfig.json
9:30 Installing TypeScript
13:00 Typings
13:58 Next.js Specific Types
15:00 Converting Components to TypeScript - jsx to tsx
16:53 [ Interlude ]
18:18 Create a Next.js app with React and TypeScript
19:40 Customizing our Next.js application
20:50 Pages and the APIs
27:00 Routes, URLs, and Markdown files as posts
28:30 Unique URLs and the history API
29:37 Creating a native desktop app with Next.js and Electron with Nativefier
32:40 Wrap up
32:57 Call to action

From Live 27 https://nono.ma/live/27


Watch video Build a Next.js App with React & TypeScript online without registration, duration hours minute second in high quality. This video was added by user Nono Martínez Alonso 21 April 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 27,87 once and liked it 28 people.