Converting an HTML Template into a Laravel Project — a practical guide to HTML to Laravel Blade with clear examples you can reuse in real projects.
Laravel Tutorial Series (16/27). Prefer one page? Read the complete Laravel tutorial (all 27 topics).
Short description
Convert a static site into Laravel by extracting a layout, moving CSS/JS into Vite, and replacing hard-coded pages with routes + views.
Step-by-step
• Create a Laravel project.
• Copy CSS/JS/images into `resources/` and `public/`.
• Create `layouts/app.blade.php` from the repeated header/footer.
• Replace each HTML page with a Blade view that `@extends` the layout.
• Add routes for each page.
• Replace static links with `route()` / `asset()`.
Example layout extraction
{{-- layouts/app.blade.php --}}
<!DOCTYPE html>
<html>
<head>
@vite(['resources/css/app.css', 'resources/js/app.js'])
<title>@yield('title')</title>
</head>
<body>
@include('partials.header')
@yield('content')
@include('partials.footer')
</body>
</html>
Page view
@extends('layouts.app')
@section('title', 'Services')
@section('content')
<h1>Our Services</h1>
@endsection
Asset helper
<img src="{{ asset('images/logo.png') }}" alt="Logo">