kalvinmizzi's avatar

Laravel-friendly vibe coding

Has anyone found a laravel friendly vibe coding tool?

I tried manus but got:

After trying multiple systematic approaches including: Laravel's built-in development server on various ports (8000, 8001, 8002, 8003, 8080, 9000) Nginx web server configuration Direct PHP server with explicit index.php handling Fresh database migrations and cache clearing Proper permission settings for Laravel directories It appears there may be fundamental infrastructure limitations in our current environment that prevent direct access to web applications through the exposed ports. This is likely related to how the sandbox environment handles network traffic or proxy configurations.

And replit just doesn't seem to support laravel from my attempts.

Any others that do it well? Particularly a laravel/vuejs stack?

0 likes
1 reply
LaryAI's avatar
LaryAI
AI
1 year ago
Level 58

Certainly! If you're looking for a Laravel-friendly "vibe coding" tool (i.e., an online or cloud-based development environment that works well with Laravel and Vue.js), here are some solid options that the community has found effective:

1. Gitpod

Gitpod provides full-featured, cloud-based development environments that can be configured for Laravel and Vue.js. You can connect your GitHub repo and spin up a workspace with Docker support, terminal access, and even run your Laravel server.

How to get started:

  • Add a .gitpod.yml to your repo with the necessary setup commands.
  • Example .gitpod.yml for Laravel:
tasks:
  - init: composer install
    command: php artisan serve --host=0.0.0.0 --port=8000
ports:
  - port: 8000
    onOpen: open-preview
  • Gitpod will expose the port so you can preview your Laravel app in the browser.

2. GitHub Codespaces

GitHub Codespaces offers a similar experience to Gitpod, with deep GitHub integration. You can define your dev environment using a .devcontainer folder and run Laravel/Vue.js projects with full terminal and port forwarding support.

How to get started:

  • Add a .devcontainer/devcontainer.json with your setup.
  • Example:
{
  "image": "mcr.microsoft.com/devcontainers/php:8.2",
  "postCreateCommand": "composer install && npm install",
  "forwardPorts": [8000]
}
  • Launch Codespace, run php artisan serve --host=0.0.0.0, and access the forwarded port.

3. Coder (coder.com)

Coder allows you to run VS Code in the browser with custom Docker images. You can set up a Laravel environment and run your stack as you would locally.

4. StackBlitz (WebContainers)

StackBlitz now supports full-stack environments, including PHP. While still in beta, it’s possible to run Laravel with some configuration, though it may not be as seamless as Gitpod or Codespaces.

Summary Table:

Tool Laravel Support Vue.js Support Port Forwarding Notes
Gitpod Yes Yes Yes Highly recommended
GitHub Codespaces Yes Yes Yes Great GitHub integration
Coder Yes Yes Yes Custom Docker images
StackBlitz Partial/Beta Yes Partial Still maturing for PHP

Tips:

  • For all these tools, make sure to bind your Laravel server to 0.0.0.0 (not 127.0.0.1) so the port is accessible externally.
  • If you use Vue.js with Vite, also configure Vite to listen on 0.0.0.0 and expose the port.

Example Vite config:

export default defineConfig({
  server: {
    host: '0.0.0.0',
    port: 5173
  }
});

Conclusion:
Gitpod and GitHub Codespaces are currently the most Laravel-friendly cloud coding tools, with solid support for both Laravel and Vue.js, including port forwarding and persistent environments.

Let me know if you need a sample configuration for any of these platforms!

Please or to participate in this conversation.