Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Laravelzero's avatar

How to build landing page with Filament?

Hi buddies,

I'm new to Filament, I've done a few tutorials and I've figured it all out whoohoo! All pages start with /admin (I know we can rename this), now I was wondering how to create a custom page that's not in /admin?

From what I've understood, Filament's aim is to make it easier to design and manage the dashboard and everything to do with the user account.

But I'm planning to make an e-commerce site, and before the user goes to his account, he needs to see a welcome page, a product page, a my cart page, a payment page... Not all of these pages are suitable for /admin.

I know I could use liveware, but I'd like to take advantage of Filament's ease of use to create all these pages easily. I looked a bit of Filament page /Custom page (filamentphp.com/docs/3.x/panels/pages) but look like it's not what I need.

0 likes
4 replies
Laravelzero's avatar
Laravelzero
OP
Best Answer
Level 1

Solved!

Solution 1:

  1. From app/Providers/Filament/AdminPanelProvider.php change ->path('app'); to ->path('');
  2. Remove Route::get('/' from routes/web.php
  3. Now you can create any page without having /admin prefix on url. Any part of page can be hidden.

Solution 2:

To complete the doc with my hard way learning: https:/filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component

  1. php artisan make:livewire Store
  2. php artisan livewire:layout
  3. create route /route: use App\Livewire\Store; Route::get('/Store', Store::class);
  4. Complete the component class on /app/Livewire/Store.php, see: https:/filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component#adding-the-form
  5. Add template on /resources/views/livewire/store.blade.php like in doc.
  6. Copy /vendor/filament/filament/resources/views/components/layout/base.blade.php to /resources/views/components/layouts/app.blade.php for CSS and JS stuff , and remove all renderHook lines because it will cause error.
  7. Voila! Now you can play with Filament.

Solution 3:

Look like good hidden stuff here: https:/laracasts.com/series/rapid-laravel-development-with-filament/episodes/14

4 likes
sman's avatar

Solution 1 just changes the URL. I don't think that is what OP is asking. Solution 3 requires a paid subscription.

1 like

Please or to participate in this conversation.