{"id":16988490,"url":"https://github.com/rikarani/laravel-vercel","last_synced_at":"2025-07-28T08:45:58.186Z","repository":{"id":256286849,"uuid":"854726838","full_name":"rikarani/laravel-vercel","owner":"rikarani","description":"Template buat deploy Laravel ke Vercel","archived":false,"fork":false,"pushed_at":"2025-02-20T12:26:00.000Z","size":349,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-28T19:21:23.530Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://laravel-vercel-erikaaaa.vercel.app","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rikarani.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-09T17:13:25.000Z","updated_at":"2025-03-12T09:26:04.000Z","dependencies_parsed_at":"2024-09-10T02:19:20.784Z","dependency_job_id":null,"html_url":"https://github.com/rikarani/laravel-vercel","commit_stats":null,"previous_names":["rikarani/laravel-vercel"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rikarani%2Flaravel-vercel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rikarani%2Flaravel-vercel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rikarani%2Flaravel-vercel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rikarani%2Flaravel-vercel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rikarani","download_url":"https://codeload.github.com/rikarani/laravel-vercel/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249059329,"owners_count":21206137,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T03:04:08.209Z","updated_at":"2025-04-15T11:24:25.863Z","avatar_url":"https://github.com/rikarani.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ape bende ni?\n\nini template buat orang yang maok deploy Laravel ke Vercel (atau buat yang penasaran gimane sih care deploy Laravel ke Vercel)\n\n## Notes\n\nTemplate ini belom ade connect ke database (soalnye Vercel cuma ngasih jatah 1 Postgres doang anying) jadi blom bise CRUD. Jadinya ya untuk sementara palingan buat Static Pages doang.\n\nSebenernya ada alternatif buat DB sih, misalnya :\n\n1. Neon\n2. Supabase\n\nntar bakal aku update, tapi tak tau kapan\n\n## Includes\n\n1. Laravel 11\n2. TailwindCSS\n3. AlpineJS\n4. Vite\n\n## Step by Step\n\n### 1. clone aja ni repo, kalo mau di-fork pun bole biar namanya bisa seenak jidatmu\n\n```bash\ngit clone https://github.com/rikarani/laravel-vercel\n```\n\n### 2. buka Vercel, trus Add New Project\n\n![Add New Project](https://cdn.discordapp.com/attachments/1059928632912527391/1282804769588776960/Screenshot_873.png?ex=67b83dca\u0026is=67b6ec4a\u0026hm=2913fecfbb46b0c92227d9f66adb0265ffb254ed30a9b0d614a78e4d9022bc52\u0026)\n\n### 3. Import Project\n\n![Import Project](https://cdn.discordapp.com/attachments/1059928632912527391/1282804817181540413/Screenshot_874.png?ex=67b83dd5\u0026is=67b6ec55\u0026hm=af71b963a90107d056e2d60601959ca838c62f59a0a3a6d233f0263865263a94\u0026)\n\n### 4. Deploy Project\n\n![Deploy Project](https://cdn.discordapp.com/attachments/1059928632912527391/1282804855781593209/Screenshot_875.png?ex=67b83dde\u0026is=67b6ec5e\u0026hm=6d5194d6ebaecf21fff66f18d4266b9fa31b02336afa2487c4121e21e868e5ae\u0026)\n\n### 5. harusnya dapet error, tapi takpa soalnya ada beberapa setting yang mesti diatur\n\n![Error](https://cdn.discordapp.com/attachments/1059928632912527391/1282806006379712544/Screenshot_876.png?ex=67b83ef1\u0026is=67b6ed71\u0026hm=59e78e3b6a1592c774d790cc67aa4fc3d53152915e1e742c4d3e1b79266f433d\u0026)\n\n---\n\n## Step by Step Resolve Error\n\n### 1. General\n\nbuka `Project Settings \u003e General`, ada beberapa hal yang mesti diubah\n\n- #### Build \u0026 Development Settings\n\n  ubah Framework Preset jadi `Other`, trus override Output Directory menjadi `public`, kemudian **Save**\n\n  ![Build \u0026 Development Settings](https://cdn.discordapp.com/attachments/1059928632912527391/1282806403647406151/Screenshot_877.png?ex=67b83f50\u0026is=67b6edd0\u0026hm=52df14eb1ea43059216c283844aa4ca9df5584e8a06acf74d18f5351b1b2d924\u0026)\n\n- #### Node.js Version\n\n  ubah Node.js Version menjadi 18.x, kemudian **Save**\n\n  ![Node.js Version](https://cdn.discordapp.com/attachments/1059928632912527391/1282806443224989736/Screenshot_878.png?ex=67b83f59\u0026is=67b6edd9\u0026hm=97f2107736ad9b3cf588066f4f0ed96026ff6148e8348f00e61d872fcaaf4e09\u0026)\n\n### 2. Setting Environment Variables\n\nbuka `Project Settings \u003e Environment Variables` dan tambahkan Environment Variable berikut :\n\n- APP_NAME =\u003e `(terserah)`,\n- APP_ENV =\u003e production,\n- APP_KEY =\u003e `(ambil dari php artisan key:generate)`,\n- APP_DEBUG =\u003e false,\n- APP_TIMEZONE =\u003e `(sesuaikan)`\n\n![Environment Variables](https://cdn.discordapp.com/attachments/1059928632912527391/1282812994983694447/Screenshot_883.png?ex=67b84573\u0026is=67b6f3f3\u0026hm=4daeb86839a4869a4c312a6cba51394a7be8a9e532554aa2387b305ca0223595\u0026)\n\n### 3. Redeploy\n\nbuka `Deployments`, trus Redeploy\n\n![Redeploy](https://cdn.discordapp.com/attachments/1059928632912527391/1282809647622914128/Screenshot_880.png?ex=67b84255\u0026is=67b6f0d5\u0026hm=b1d8097a7b7b0314ba36a91a8dd9b11f599e1b2f5a96d8883b938371c7620fa9\u0026)\n\n### 4. Ambil Deployment URL\n\nkalo deploymentnya sukses (gak masalah kalo CSS \u0026 JS nya enggak keload), ntar dapet **Deployment URL**, nah copy aja URLnya\n\n![Redeploy Result](https://cdn.discordapp.com/attachments/1059928632912527391/1282811671483519017/Screenshot_882.png?ex=67b84437\u0026is=67b6f2b7\u0026hm=a0ba0a468a54bd9a9b33d56217d28ca4cf3e0321f36b509581884c5c4cfcb284\u0026)\n\n### 5. Setting Environment Variables (lagi)\n\nbuka lagi `Project Settings \u003e Environment Variables` dan tambahkan Environment Variable berikut :\n\n- APP_URL =\u003e `(paste aja Deployment URLnya)`\n- ASSET_URL =\u003e `(paste aja Deployment URLnya)`\n\n![Environment Variable](https://cdn.discordapp.com/attachments/1059928632912527391/1282813472350011402/Screenshot_884.png?ex=67b845e5\u0026is=67b6f465\u0026hm=0aa49047ce8c00729016077832a62657eda2d1a7af486a23f5292200d2fa9695\u0026)\n\n### 6. Redeploy (lagi)\n\nbuka lagi `Deployments`, trus Redeploy dari yang terbaru\n\n![Redeploy (lagi)](https://cdn.discordapp.com/attachments/1059928632912527391/1282814169187352616/Screenshot_885.png?ex=67b8468b\u0026is=67b6f50b\u0026hm=e1f9f75478e7066ff73b5e8b55bee32eee743645ba4feeb9ec9fc759a00fdbea\u0026)\n\n### 7. Selesai\n\nsampai disini, seharusnya sudah berjalan dengan normal dan preview dari website bisa keliatan\n\n![End](https://cdn.discordapp.com/attachments/1059928632912527391/1282814949672095744/Screenshot_886.png?ex=67b84745\u0026is=67b6f5c5\u0026hm=d590be23d72cb409403c0d68513469bccdf6a995e4327ae20dfb8a548449bfbe\u0026)\n\n### 8. Happy Coding\n\n---\n\n## For Those Who Ask\n\n- kalo buat API Server gimane tu?\n\n  sebagian besar same sih, palingan install sanctum doang\n\n- bise upload file ndak?\n\n  ndak bise kalo driver `local`, soalnye tak bise symlink (udah gratis ndak usah banyak minta), jadi mesti cari alternatif laen misalnye S3\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frikarani%2Flaravel-vercel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frikarani%2Flaravel-vercel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frikarani%2Flaravel-vercel/lists"}