NextJS & Tailwind CSS tutorial
- git clone ~
- npm i
- npm run dev
Powered by NextJS & Tailwind CSS & TypeScript
Derived from create-next-app
You have to access the localhost:3000 to see the result
Before how to use..
guide to install tailwindcss in nextjs project
After that.. for svg icon & theme switching
Light/dark mode (article by Vikas Rai)
Light/dark mode tailwind css docs (less accurate than previous one, which is funny)
Responsive headerFooter design- Practice disclosure
- Sidebar
Make sample articles listGo to the top button- Logo design
- Hightlight the current page's navbar item, make the router
- Search feature (algolia or another version)
- using react-grid-layout (for customizing layout)
- using react-beautiful-dnd (for enhancing user experience of data list management)
- using formik (arguably the most common way to make form)
...