Khula ERP Marketing Website

Marketing and blog website for Khula ERP - modern cloud-based ERP software for growing South African businesses.

Tech Stack

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS 4
• Components: shadcn/ui
• Animations: Framer Motion
• Icons: Lucide React
• Deployment: Cloudflare Pages

Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run start

Open http://localhost:3000 with your browser.

Project Structure

├── app/                    # Next.js App Router pages
│   ├── about/             # About page
│   ├── blog/              # Blog pages
│   ├── contact/           # Contact page
│   ├── features/          # Features page
│   ├── pricing/           # Pricing page
│   ├── layout.tsx         # Root layout
│   └── page.tsx           # Homepage
├── components/
│   ├── layout/            # Header, Footer
│   ├── sections/          # Page sections (Hero, Features, etc.)
│   └── ui/                # shadcn/ui components
├── content/
│   └── blog/              # MDX blog posts
├── lib/
│   ├── constants.ts       # Site configuration
│   └── utils.ts           # Utility functions
└── public/                # Static assets

Deployment to Cloudflare Pages

1. Push to the main branch
2. Cloudflare Pages will automatically build and deploy

Or connect manually:

1. Go to Cloudflare Dashboard > Pages
2. Create new project > Connect to Git
3. Select this repository
4. Build settings:
   • Build command: npm run build
   • Build output: .next
5. Add custom domain in Pages settings

Environment Variables

Create .env.local for local development:

NEXT_PUBLIC_SITE_URL=http://localhost:3000

For production, set in Cloudflare Pages dashboard.

Contributing

1. Create a feature branch
2. Make changes
3. Submit a pull request

License

Proprietary - Khula ERP