moh
22cd3f8645
- CASE_STUDY -> Web: two columns, stacked full-width screenshots with a browser frame plus a sticky project info panel - GRID -> Print: mixed-size gallery grid for logos/posters/etc. - STORY -> Editorial: full-bleed hero with title overlay, then alternating text/media sections - Add a prominent title/summary intro (was missing from the header) - Use PortfolioCover for all media so empty projects show the branded placeholder instead of broken images; gallery sections render even before an image is uploaded
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