DEV Community

Irnovi Albaweny
Irnovi Albaweny

Posted on • Updated on

Build Cooking Website Using Badaso - Part 1

Badaso is one of wonderfull Laravel package. It's contain Laravel headless CMS, admin panel, dashboard, builder and API CRUD.
Badaso is open source 100% free, maintain by Uasoft. If you are curious, go directly to the official Badaso page.

1. Installation

Badaso support installation witout Docker or with Docker. In this time, We try install Badaso witout Docker.
Install Badaso is easy. Open terminal and run it curl -s "https://badaso-starter.uatech.co.id/your-project-name" | bash.
We change …/your-project-name with …/cookings.

curl -s "https://badaso-starter.uatech.co.id/cookings" | bash
Enter fullscreen mode Exit fullscreen mode

It will install the Laravel starter project and Badaso it self at a time. If process installation are done, the terminal look below.
install badaso
Ok, now we go to the project cd cookings and php artisan serve. If we not got the error, our browser look Badaso's Welcome Page.
badaso

2. Setup Dashboard

Since we have installed Badaso at step 1, We haven't configured the database yet. This is proven when we enter the dashboard page http://localhost:8000/badaso-dashboard, we got an error.
screen1
Now we setup several stuff. Before it, make sure your composer.json have badaso/core.

"require": {
  "php": "^8.0.2",
  "badaso/core": "^2.4",
  ...
},
Enter fullscreen mode Exit fullscreen mode

Open .env file, and fill it according to your environment

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=cookings
DB_USERNAME=root
DB_PASSWORD=123456
Enter fullscreen mode Exit fullscreen mode

Don't forget you to create a database first via mysql-client or phpmyadmin.

Run commands below one by one.

php artisan badaso:setup
php artisan migrate
php artisan storage:link
php artisan db:seed --class="Database\Seeders\Badaso\BadasoSeeder"
php artisan badaso:admin admin@admin.com --create
npm install && npm run dev
Enter fullscreen mode Exit fullscreen mode

Last run the server

php artisan serve
Enter fullscreen mode Exit fullscreen mode

Refresh page at http://localhost:8000/badaso-dashboard and at the final we can see the badaso dashboard.
badaso dashboard

Until here we have actually successfully installed badaso dashboard.
For the next chapter, we will continue in another post.

Continue...

Top comments (0)