How to build a Todo App with NextJS and Tailwind CSS
In this video, we'll be building a todo app with React Next.js 13 and Tailwind CSS.
If you're looking to learn how to build a todo app with React Next.js, then this video is for you! We'll be going over the basics of React Next.js and Tailwind CSS, and we'll be building a todo app that you can use in your own projects. By the end of this video, you'll have a basic understanding of how to build a todo app with React Next.js and Tailwind CSS.
00:00 Intro
00:33 Create a new project
00:50 Integrate with Tailwind CSS
02:15 Integrate layout page
07:37 Implement the header bar animations
09:50 Add dark theme support
14:16 Implement sidebar content
19:05 Add masthead
21:00 Setup API Client
24:30 Fetch data and render tasks
26:06 Create a task component
29:05 Make task items updateable
35:20 Remove task
39:00 Add task button
41:33 Implement about page content
43:45 Testing on browser
Github repos: https://github.com/sonvt-fe/next-todo...
Thanks for watching if you enjoyed give this video a big thumbs up and don't forget to subscribe. Enjoy watching and have a nice day!
-----------\▔\
------------)....)
-----------/..../▂▂▂
▂▂╱┈ ▕▂▂▂▏
▉┈-┈┈ ▕▂▂▂▏
▉┈-┈┈▕▂▂▂▏
▔▔╲▂▕▂▂▏
portfolio: https://saulvo.info
#nextjs #tailwindcss