Stack

  • Next.js - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
  • Chakra UI - A simple, modular and accessible component library for React
  • Framer Motion - An animation library for React

Available Scripts

In the project directory, you can run:

next dev

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

next build

next start


Project structure

$PROJECT_ROOT
│   # Page files
├── pages
│   # React component files
├── components
│   # Static images and files
└── public