Laravel 12 Starter Kit with Livewire Auth + Bootstrap 5.3

About this template

This is a laravel repository project, which can be used as a basis for future projects. This starter kit comes with Livewire Auth and Bootstrap 5 CDN. Optional You can use node_modules or sail.

Features

The Laravel template project comes with the following features:

• Laravel 12.x
• Bootstrap 5

Installation

Create the project with composer

# Create application
composer create-project nfgarching/laravel-bootstrap-starter {project_name} --stability=dev

# Go into app's directory
cd {my-project}

# Start application
php artisan serve

Create own Git-Repository

# Go into app's directory
cd {my-project}

# Start a new Git-Repository
git init
git add .
git commit -m 'initial commit'

Optional install sail

composer require laravel/sail --dev
php artisan sail:install
./vendor/bin/sail up

Use of Bootstrap 5

Default with CDN

Template include Bootstrap’s production-ready CSS and JavaScript via CDN without the need for any build steps.

Optional install Bootsrap 5 with Vite

Goto directory resource/views/components/layouts/app/

Add in head.blade.php

@vite(['resources/css/app.scss', 'resources/js/app.js'])

Remove in head.blade.php

<!-- Bootstrap CSS + Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

Remove in script.blade.php

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>

Running Vite

cd {my-project}
npm install && npm run build
composer run dev

License

Distributed under the MIT License. See LICENSE for more information.