Snippets

Using .env files with Nuxt

Playing
Using .env files with Nuxt
5 mins5 years ago

Using an .env file means keeping credentials out of your codebase and easily configurable between different environments. Doing this with Nuxt.js is easy as pie, let's check it out.

Alex Garrett-Smith
Hey, I'm the founder of Codecourse!

Comments

No coments, yet. Be the first to leave a comment.

Suggested courses

Vue.js
Nuxt.js

Build a File Marketplace with Laravel

Build a marketplace where sellers can list and sell files, while we take a cut of each sale using Stripe Connect. We'll cover onboarding users with Stripe Connect, creating products and uploading files, payments, and delivering purchased files to your customers. Here's everything we'll cover: - The Stripe Connect onboarding flow - Effortlessly creating products (and uploading files) with Livewire forms - Subdomains for your user's marketplace - Stripe Checkout for a beautiful, secure payment flow - Securely delivering files with Signed URLs in Laravel - Showing sales stats on a dashboard

34 episodes
3 hrs 32 mins
Vue.js
Nuxt.js

Multiple Drag And Drop File Uploading and Processing with Inertia

Build a multiple file chunked uploader in Inertia with the ability to pause, resume and cancel uploads. We’ll also be able to edit metadata (like the title and description) for each upload — even while they’re uploading and processing. In the second half of the course, we’ll learn how to queue and process uploaded files on the backend (like encoding videos), and in realtime, report back to the client with progress updates using WebSockets. It’s everything you need to know to upload and process large files in Inertia.

17 episodes
1 hr 56 mins
Vue.js
Nuxt.js

Build a Booking System With Inertia

Building an availability calendar and booking system is a notoriously difficult problem to solve. That’s exactly what we’re going to cover in this course. Step by step, we’ll build an appointment slot generator that calculates availability based on employee schedules, employee’s booked time off, the length of service chosen, existing appointments, and cancelled appointments. For maximum flexibility, we’ll also allow multi-employee availability checks, so we’ll be able to see every employee who can perform a service (and their available slots). To finish up, we’ll create an entire booking flow with Inertia (using Vue), including a beautiful booking calendar that shows detailed availability across multiple dates, the ability to choose a time slot — and finally the ability to book an appointment. Phew. We’ve got a lot to learn — let’s build a booking system with Inertia!

39 episodes
5 hrs 0 mins
Vue.js
Nuxt.js

Build a Livewire Drag & Drop Uploader

Build a multiple file drag-and-drop uploader with Livewire and Alpine.js. Using Alpine and Livewire’s JavaScript API, we’ll directly hook into the JavaScript drop event and kick off the upload progress, validating files and showing a progress bar along the way. So, if you need drag-and-drop uploading in your Laravel project, this course has you covered!

9 episodes
43 mins