Getting Started

1. First, install Next.js:

npm install next@latest react@latest react-dom@latest

2. Create an .env.local file and copy and paste the variables from .env.defaults. Fill in the values as appropriate.

3. For use of the Compost Chatbot, install openai:

npm install openai

Then generate a secret key on your OpenAI account to access the API. Insert the key into your .env.local file.

4. To start the frontend of the app, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

About the Template

Mantine Next.js template

This is a template for Next.js pages router + Mantine. If you want to use app router instead, see next-app-template.

Features

This template comes with the following features:

• PostCSS with mantine-postcss-preset
• TypeScript
• Storybook
• Jest setup with React Testing Library
• ESLint setup with eslint-config-mantine

npm scripts

Build and dev scripts

• dev – start dev server
• build – bundle application for production
• export – exports static website to out folder
• analyze – analyzes application bundle with @next/bundle-analyzer

Testing scripts

• typecheck – checks TypeScript types
• lint – runs ESLint
• prettier:check – checks files with Prettier
• jest – runs jest tests
• jest:watch – starts jest watch
• test – runs jest, prettier:check, lint and typecheck scripts

Other scripts

• storybook – starts storybook dev server
• storybook:build – build production storybook bundle to storybook-static
• prettier:write – formats all files with Prettier