Getting Started

First, install dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

then, run the development server:

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

Open http://localhost:3000 with your browser to see the result.

Learn More

• Next.js Documentation - learn about Next.js features and API.

class naming method of components

The naming of classes for styling is a hybrid of the BEM methodology and camelCase:

<div class="block">
  <div class="block__element"></div>
  <div class="block__elementDescriptiveName"></div>
  <!-- 👇"omitting '--modifier' for easier CSS module class names(when used)."-->
  <div class="block__elementModifier"></div>
</div>