Laravel Breeze Dan Next.js API

Pada artikel kali ini kita akan membahas salah satu yang terbaru dari Laravel v8.75.0, yang mana dia baru saja mengimplementasikan flag --api untuk generasi breeze scaffolding sebagai api saja.

Pertanyaan nya, dari Laravel sendiri apakah ada memberikan front-end scaffolding nya, jawabanya ada. Jadi untuk case kali ini, dia mencontohkan menggunakan Next.js, tetapi bukan berarti tidak bisa dipakai dengan yang lainnya, jadi jika memang kalian berencana ingin memakai Nuxt.js ataupun Remix, itu sah-sah saja.

Nah, jika kalian penasaran bagaimana cara memulainya, maka mari kita mulai bagaimana setup Breeze & Next.js / API.

1# Create the Laravel application...
2laravel new next-backend
3
4cd next-backend
5
6# Install Breeze and dependencies...
7composer require laravel/breeze
8
9php artisan breeze:install api
10
11# Serve the application...
12php artisan serve
13
bashCopy

Setelah itu, kalian bisa lakukan cloning dari repo yang diberikannya seperti berikut.

1# Clone the repository of Breeze Next
2git clone https://github.com/laravel/breeze-next.git
3
4# Install All Deps
5npm install
6
7# With yarn -> yarn
8
9# Copy file .env.example ke .env.local
10cp .env.example .env.local
11
bashCopy

Jika kalian tidak bisa menggunakan perintah cp, kalian bisa buat manual file tersebut di dalam root directory breeze-next yang baru saja kita clone tersebut.

Dan jangan lupa, dalam file .env.local (buat jika belum ada), beri tau pada nextjs siapa sumber api nya, dalam case kita, karena kita menggunakan artisan serve command tadinya, artinya kita akan diberikan http://localhost:8000, oleh karena itu Anda bisa masukkan atau perkenalkan seperti berikut.

1NEXT_PUBLIC_BACKEND_URL=http://localhost:8000
2
bashCopy

Jika sudah, selanjutnya kita lanjut untuk start nextjs dengan cara jalankan npm run dev atau yarn dev. Yang manapun harusnya berhasil.

Berikut adalah sumber yang pasti dapat kalian lihat ya.

• Taylor Otwell Tweet
• Laravel Starter Kits
• Laravel Breeze
• Breeze Next

Semoga artikel ini bermanfaat, saya akan melihat Anda di artikel selanjutnya. Bye bye 👋🏻