README

A modern CodeIgniter 4 + React starter template powered by Inertia.js, built to kickstart your next full-stack project with zero boilerplate hassle.

This starter kit uses React with Webpack and Tailwind CSS pre-configured. Backend powered by CodeIgniter 4, bridged by Inertia.js.

🚀 Getting Started

1. Create a New Project

composer create-project jengo/react-start-kit my-app

2. Install Dependencies

cd my-app

# Install JS dependencies
npm install

3. Run Dev Server

npm run dev

By default, the development server runs at http://localhost:8080.

Internally this runs php spark serve.

🧩 Included Features

✅ React 19
✅ Webpack for fast builds
✅ Tailwind CSS
✅ Inertia.js (React adapter)
✅ Clean project structure
✅ TypeScript-ready (opt-in)
✅ Example routing + layout system

📁 Project Structure

├── app/                   # CI4 controllers & config
├── public/
│   └── index.php
├── resources/
│   └── js/
│       ├── App.jsx        # React app entry point
│       ├── Pages/         # Inertia pages
│       └── Shared/        # Shared layouts/components
├── webpack.config.js
├── composer.json
├── package.json

🧱 Based On

This starter is powered by:

🙌 Contributing

Feel free to fork and improve. PRs welcome — especially for auth scaffolding, presets, or useful utilities.

🧪 License

This project is under a MIT License

jengo / react-starter-kit

Maintainers

Details