- Node.js v16+
- VS Code
- React developer tools (browser extension)
- a Vercel account (free tier)
- the Vercel CLI
- React v18 - reactive UI library
- Next.js - a React framework
- TailwindCSS - CSS as utility classes
- Typography plugin - a TailwindCSS plugin to enable basic typography
- DaisyUI - UI components built on top of TailwindCSS
- LowDB - simple to use local JSON database
- uuid - small library to create UUIDs
- cors - to enable CORS in the project
- sanitizeHtml - remove unsafe HTML tags from strings
The blog demo is visible at this url:
https://learn-nextjs-six-cyan.vercel.app
The REST API demo is available at:
https://learn-nextjs-six-cyan.vercel.app/api/excursions
This track is mainly splitted in 5 chapters:
- Intro & explanations
- Setup of the evinronment
- Create a SSG blog using a WordPress as a source
- Develop a REST API from scratch
- Where to go from here
Released under the MIT License.
This is a Next.js project bootstrapped with create-next-app.
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.
To learn more about Next.js, 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.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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.