This is a Next.js project bootstrapped with create-next-app
.
My landing page. It uses TailwindCSS. There's prettier autoformat with eslint.
You'll need node.js and yarn. I reccommend using NVM to manage node versions. We use the LTS version.
Yarn can be installed like this:
npm install --global yarn
Then from the project's folder, install dependencies like this:
yarn install
First, start the dev server:
yarn dev
Open http://localhost:3003 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:3003/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.
- Visual Studio Code and extensions
- Yarn
- Vercel CLI
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- The Next.js GitHub repository - contains a bunch of useful examples
- Tailwind Docs