This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
board/
├── .github
│ ├── workflows/
│ └── test.yml # Test workflow
│
├── public/ # Static files
│
├── src
│ ├── app/
│ │ ├── (auth) # Route group
│ │ │ ├── login/
│ │ │ │ ├── components # Route specific components using top lvl data/contexts
│ │ │ │ │ └── loginForm
│ │ │ │ ├── hooks/
│ │ │ │ ├── utils/
│ │ │ │ ├── page.tsx
│ │ │ │ └──layout.tsx
│ │ │ └── signin/
│ │ ├── layout.tsx
│ │ └── page.tsx
│ │
│ ├── components/
│ │ ├── common/
│ │ ├── ui/ # shadcn/ui
│ │ └── icons/
│ │
│ ├── config/
│ │ ├── constants.ts
│ │ ├── navigation.ts
│ │ └── theme.ts
│ │
│ ├── contexts/
│ │ ├── AuthContext.tsx
│ │ └── ThemeContext.tsx
│ │
│ ├── domain/ # Globaly shared bussiness logic entities
│ │ └── constants
│ │ └── boulderGrades.ts
│ │
│ ├── features/ # Non route specific features
│ │ ├── auth/
│ │ │ ├── components/
│ │ │ ├── hooks/
│ │ │ ├── services/
│ │ │ ├── utils/
│ │ │ ├── feature.types.tsx
│ │ │ └── feature.tsx
│ │ └── …
│ │
│ ├── hooks/ # Global custom hooks
│ │ └── useLocalStorage.ts
│ │
│ ├── services/ # Business logic services
│ ├── api/ # API clients
│ │
│ ├── providers/ # Global providers
│ │ ├── AppProviders.tsx
│ │ ├── ThemeProvider.tsx
│ │ └── QueryProvider.tsx
│ │
│ ├── stores/
│ │
│ ├── styles/
│ │ └── globals.css
│ │
│ └── utils/ # Utility functions
│
└── ...
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.