Marketing site for RangeBrand (رنگ برند): a curated view of brand colors commonly seen in Iran, to help teams pick better palette choices. The live site is served from rangebrand.ir.
- Nuxt 4 with the
app/directory layout - Vue 3 + TypeScript (build-time type checking enabled in
nuxt.config.ts) - Tailwind CSS v4 via
@tailwindcss/vite - Nuxt modules:
@nuxt/hints,@nuxt/image,@nuxt/scripts,@nuxt/fonts,@nuxtjs/device,@vueuse/nuxt
The HTML document is configured for Persian content: lang="fa" and dir="rtl" in nuxt.config.ts. Global styles live under app/assets/css/ (main.css imports Tailwind, theme.css for design tokens, components.css for shared utility classes such as .btn and .link).
- A current Node.js LTS release
This repo includes a pnpm-lock.yaml; pnpm is the expected package manager.
pnpm installpostinstall runs nuxt prepare so local tooling can resolve generated .nuxt types.
| Command | Description |
|---|---|
pnpm dev |
Development server (default: localhost:3000) |
pnpm build |
Production build |
pnpm preview |
Serve the production build locally |
pnpm generate |
Static site generation (nuxt generate) |
pnpm lint |
Oxlint |
pnpm lint:fix |
Oxlint with auto-fix |
pnpm fmt |
Oxfmt (write) |
pnpm fmt:check |
Oxfmt check (CI) |
app/
app.vue # Root shell: NuxtLayout + NuxtPage
assets/css/ # Tailwind entry + theme + component layers
components/home/ # Home page sections (e.g. hero)
layouts/ # `default`, `empty` (home uses `empty`)
pages/ # File-based routes (`index.vue` → `/`)
public/ # Static files, `CNAME` for GitHub Pages-style hosting
Linting is Oxlint; formatting is Oxfmt. Config lives in oxlint.config.ts and oxfmt.config.ts. Run pnpm lint / pnpm lint:fix and pnpm fmt / pnpm fmt:check. In VS Code, the Oxc extension is the default formatter.