ArtMostSphere (frontend)
Frontend for ArtMostSphere, a Nigerian film-production marketplace: locations,
gear rental and sale, cast/talent hire, casting calls, an AI shoot planner and
bookings. Talks to a separate backend API.
Stack
- Next.js (App Router), React, TypeScript (strict),
src/ dir, @/* alias
- Tailwind CSS v4; design tokens (colour, font, radius) as CSS variables in
src/app/globals.css, with light / dark / system themes via data-theme on <html>
- zod (validation), react-hook-form + @hookform/resolvers (forms)
- @tanstack/react-query (server state; provider in
src/app/providers.tsx)
- clsx + tailwind-merge via
cn() in src/lib/utils.ts
- ESLint (eslint-config-next) + Prettier with prettier-plugin-tailwindcss
- API client: generated later with hey-api into
src/lib/api/ (see its README)
Getting started
pnpm install
cp .env.example .env.local # set NEXT_PUBLIC_API_URL
pnpm dev
Scripts
| Script | What it does |
|---|
pnpm dev | Start the dev server |
pnpm build | Production build |
pnpm start | Serve the production build |
pnpm lint | ESLint |
pnpm typecheck | Generate route types, then tsc |
pnpm format | Prettier (write) |
