WebStore is a modern open-source e-commerce frontstore built with Laravel 12 and Preline UI, using Blade templating and Tailwind CSS for a beautiful, responsive experience. This starter kit provides the essential pages and components for launching your own online store quickly and efficiently.
- Homepage — Engaging landing page for your store.
- Product Catalog — Browse and filter product lists.
- Single Product — Detailed product view with purchase options.
- Shopping Cart — Add, update, and remove products.
- Checkout — Simple and secure checkout flow.
- Order Confirmation — See order status after purchase.
- Order Tracking — Track your orders in real-time.
- Reusable UI Components — Cards, lists, modals, and more.
| Technology | Usage |
|---|---|
| Laravel 12 | Backend framework, routing, MVC |
| Blade | Templating engine |
| PHP (≥8.2) | Application logic |
| Tailwind CSS | Utility-first CSS framework |
| Preline UI | Frontend UI kit, built on Tailwind CSS |
| Composer | PHP dependency manager |
| Node.js | Frontend asset compilation |
Requirements: PHP, Composer, and Node.js installed locally.
-
Create Project Using Laravel Installer
laravel new webstore --using=belajar-laravel-id/webstore-starter-kit
-
Install Dependencies
composer install npm install && npm run dev -
Configure Environment
- Copy
.env.example→.env - Set your database and app settings
- Copy
-
Run Migrations & Seeders
php artisan migrate --seed
This project uses Preline UI for a clean, modern user interface, fully responsive and customizable. Easily adapt components and styles to fit your brand.
- Project: MIT
- Preline UI: Fair Use License
Contributions are welcome! Please open a Pull Request or Issue for suggestions and improvements.
Enjoy building your webstore! 🚀