SimpleBlog

A simple Blog developed using:

• Laravel 11
• React
• Inertia

Project Steps

• Create new Laravel project Laravel new SimpleBlog (Without StarterKit + PEST + SQLITE)
• Add React, React Dom

npm i react, react-dom

• Add React Vite

npm install --save-dev @vitejs/plugin-react

• Inertia Server-side setup

composer require inertiajs/inertia-laravel

• Create app.blade.php including vite & Inertia directives/scripts
• Run

php artisan inertia:middleware

&& follow remaining steps as described in documentation

• Set up Inertia front-end with React

npm install @inertiajs/react

• Update resources\js\app.jsx as follows:

import { createInertiaApp } from '@inertiajs/react'
import { createRoot } from 'react-dom/client'

createInertiaApp({
  resolve: name => {
    const pages = import.meta.glob('./Pages/**/*.jsx', { eager: true })
    return pages[`./Pages/${name}.jsx`]
  },
  setup({ el, App, props }) {
    createRoot(el).render()
  },
})

• Install Tailwind