git clone composer install sudo npm install sudo npm run build change database config config > database.php php artisan migrate sqlite location: database > database.sqlite sudo nano .env APP_KEY= sudo php artisan key:generate php artisan serve === === install === composer create-project laravel/laravel chirper cd chirper composer require laravel/breeze --dev php artisan breeze:install vue npm run dev php artisan serve === create / display === php artisan make:model -mrc Chirp app/Models/Chirp.php database/migrations/_create_chirps_table.php app/Http/Controllers/ChirpController.php route --- index - display/list store - save routes/web.php use App\Http\Controllers\ChirpController; Route::resource('chirps', ChirpController::class) ->only(['index', 'store']) ->middleware(['auth', 'verified']); GET chirps.index POST chirps.store app/Http/Controllers/ChirpController.php //use Illuminate\Http\Response; use Inertia\Inertia; use Inertia\Response; public function index(): Response { //return response('Hello, World!'); return Inertia::render('Chirps/Index', [ // ]); } resources/js/Pages/Chirps/Index.vue resources/js/Layouts/AuthenticatedLayout.vue Chirps save --- app/Http/Controllers/ChirpController.php use Illuminate\Http\RedirectResponse; public function store(Request $request): RedirectResponse { $validated = $request->validate([ 'message' => 'required|string|max:255', ]); $request->user()->chirps()->create($validated); return redirect(route('chirps.index')); } app/Models/User.php use Illuminate\Database\Eloquent\Relations\HasMany; public function chirps(): HasMany { return $this->hasMany(Chirp::class); } app/Models/Chirp.php protected $fillable = [ 'message', ]; database/migrations/_create_chirps_table.php Schema::create('chirps', function (Blueprint $table) { $table->id(); $table->foreignId('user_id')->constrained()->cascadeOnDelete(); $table->string('message'); $table->timestamps(); }); php artisan migrate db inspection --- php artisan db:show php artisan db:table users php artisan tinker App\Models\Chirp::all(); === read / show === retrieve --- app/Http/Controllers/ChirpController.php public function index(): Response { return Inertia::render('Chirps/Index', [ 'chirps' => Chirp::with('user:id,name')->latest()->get(), ]); } retrieve belong to user only --- app/Models/Chirp.php use Illuminate\Database\Eloquent\Relations\BelongsTo; public function user(): BelongsTo { return $this->belongsTo(User::class); } resources/js/Components/Chirp.vue resources/js/Pages/Chirps/Index.vue import Chirp from '@/Components/Chirp.vue'; defineProps(['chirps']);