Build a Next.js App with React & TypeScript
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