Create A Startup Landing Page With Next.js, TypeScript, and NextUI

Cooper Codes
Cooper Codes
27 هزار بار بازدید - 2 سال پیش - 🎓 Join my learning platform
🎓 Join my learning platform for module based courses, learning exercises, and more: https://coderprep.com/

_document.tsx code: https://pastebin.com/YAZn1fNW

In this video we go over how to create a modern landing page using Next.js, TypeScript, and NextUI. The landing page looks incredibly modern, and is built so you can showcase your startup / business alongside 3 different products or services. We learn how to create Next components in TypeScript, and even create a card component using typed properties. This video is perfect for beginners, and allows you to create a great personal project or portfolio project.

Final code: https://github.com/coopercodes/NextJS...

Business inquiry? Email [email protected]
0:00 Intro / Project showcase
0:45 Create Next app
1:58 Create _document.tsx - check description!
2:20 Implement NextUIProvider with dark theme
3:50 Create initial index.tsx / layout comments
5:10 Creating Navbar
9:00 Creating Jumbotron
13:30 Creating InfoCard components
25:06 Outro / Thanks for watching!
2 سال پیش در تاریخ 1401/07/19 منتشر شده است.
27,081 بـار بازدید شده
... بیشتر