Feb 24, 2021

5 min read

What’s for lunch? Voyage and LNCHBX solving real problems

“UGH! Someone just pick a place!”

Yeah… I’m usually the one who says that, but I can’t be the only one, right? I’m a creature of habit. When someone asks me what I want for lunch, I will tell them the same 5–6 places. Inevitably, the discussion devolved from there.

Show me what you got

So let’s start off with some of the tools I’m using. First, I set LNCHBX up as a mono-repo project with a Laravel 7.x API and a ReactJS front-end. LNCHBX is built using Docker and since this is Voyage, naturally we used Voyage to create the demo environments.

What’s for lunch?

I’m glad you asked.

npm i
npm run dev

In the root package.json file you can see that by running the command above, we kick-off:

“dev”: “concurrently \”docker-compose up\” \”cd server && php artisan serve\” \”cd client && npm run dev\””

Which in turn also kicks off the following commands found in `deploy/build_run_app.sh`.

Bon Voyage (aka my shameless plug)

The last step is setting up Voyage. Head HERE to create a free trial (no credit card required because we hate that) and you’ll be able to deploy this full-stack up in minutes each time you create a PR.

  1. Go to Voyage Dashboard Projects Tab
  2. Select your project
  3. Select Setting in the top right corner
  4. Select the Environment Variables tab
  5. Add the variables and their values
  6. All Done

Let them eat cake

Setting that up took less time than getting my team to decide on where to go eat. All you have to do now is push up a PR and Voyage will deploy the app, and give you a URL to view your very own LNCHBX. Hopefully, it helps you and your team spend quality time together bonding over delicious meals rather than sitting at your desks eating lunch.