A boilerplate for new Next.js projects with features.
#next #nextjs #react #tailwind #flowbite #iconify #template #boilerplate #getstarted #beginner #vercel
The Ultimate NEXT.JS 13 Tutorial (Complete Walkthrough w/ Examples) - 1 hour explenation of all the new features of Next.js 13 with examples.
Tailwind Crash Course | Project From Scratch - In this video, we will set up Tailwind CLI and create a landing page from start to finish, going over many of the common utility classes.
Flowbite Crash Course in 20 mins - This video will cover how to use Flowbite and its UI component library for beginners.
The Icon Framework You Should Be Using - Iconify explained in 4 minutes
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about this boilerplate, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- Building a design system in Next.js with Tailwind
- Let's build a Modern Portfolio with NEXT.JS
NextJS Developer Extensions Pack
React and Next.js Snippets - How it works
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.