d1245204f19c424f31701dd045d692398d21bfe5
The double-layer AppCard look showcased in the UI Kit was only applied on the public frontend; every admin surface was pinned to layer=single and stayed flat. Convert the admin section/container cards to the default layered look, keeping compact metric tiles, toolbars, image tiles and nested leaf cards single. Add AppCard contentClassName so content utilities (space-y-*, grid, flex) keep applying to the inner shell after the switch to double layer.
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3014 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font/local to load local font assets from app/fonts without relying on external font providers.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Infrastructure Basics
- Copy environment variables:
cp .env.example .env
- Start containers:
make start
make port
- Initialize database:
make db-init
- Run quality checks:
npm run lint
npm run build
- Health check:
make health
Languages
TypeScript
94.3%
JavaScript
2.6%
CSS
2.4%
Makefile
0.3%
Shell
0.3%