Hi devs π,
After working with CodeIgniter 4, React, and Inertia.js across a few projects, I found myself repeating the same setup steps over and over again β composer configs, Webpack, directory structure, React + Inertia integration... You know the drill.
So I decided to package it all up into something clean and reusable:
jengo/react-starter-kit
A Composer-powered starter kit for building full-stack apps using:
- β CodeIgniter 4 β a fast PHP framework
- βοΈ React β frontend library of choice
- π§ Inertia.js β the glue between backend and frontend
- π¨ Tailwind CSS + DaisyUI β modern UI styling
β¨ Features
- β‘ Pre-configured Inertia.js bridge for CI4
- βοΈ React + Webpack setup ready to go
- π¨ Tailwind CSS + DaisyUI support out of the box
- π Opinionated folder structure for smooth separation of concerns
- π Dev server powered by CI4's php server at port
:8080
- π§ͺ Includes a clean welcome page with layout structure
π Quick Start
composer create-project jengo/react-starter-kit my-app
cd my-app
npm install
npm run dev
Visit http://localhost:8080 and you're up and running!
π Folder Structure
app/Controllers/ # Backend routes/controllers
resources/js/Pages/ # React components
resources/js/Shared/ # Shared layouts/components
public/ # Web root
πΈ Welcome Page Preview
A basic layout is already set up with a simple welcome message:
// Home.jsx
export default function Home() {
return (
<Layout>
<h2>π Welcome to Jengo React Starter Kit</h2>
<p>
You're now running a full-stack app powered by{" "}
<strong>CodeIgniter 4</strong>, <strong>React</strong>, and{" "}
<strong>Inertia.js</strong>.
</p>
</Layout>
);
}
π€ Why This?
There wasnβt a starter kit that bridged CodeIgniter 4 with React and Inertia.js in a clean, modern way β especially one that embraced Tailwind and developer ergonomics.
So I created one β and Iβll keep improving it as I use it in real-world projects.
π¦ Package Link
π https://packagist.org/packages/jengo/react-starter-kit
π οΈ Maintained by Me
Iβm also maintaining a modern InertiaJS adapter for CI4 that this starter kit uses under the hood.
π§ Let Me Know What You Think
Would love your feedback!
Try it out, drop a star β on the repo if it helps you, and feel free to suggest improvements or contribute.
Happy coding,
βIan (a dev who believes AI & tools should empower creators everywhere)
Top comments (0)