Loading...
Getting your local environment ready for magic: running both backend and frontend on the same port
Getting your local environment ready for magic: running both backend and frontend on the same port
This is a short lesson whose goal is to make slight changes to the way we are going to run our code locally. Here the goal is to make sure that we only have to use one command to run the code both on the frontend and the backend
Methodology
Learning Highlights
- 0:19
Learn how to streamline development by running both frontend and backend servers with a single NPM command, eliminating the need to manage multiple terminal windows.
- 0:38
Understanding why configuring both servers on the same port simplifies API queries and creates seamless communication between client and server components.
- 1:21
Discover that AI assistants don't always proactively create unified server commands, so explicit prompting may be necessary to achieve optimal development workflows.
- 1:41
How to verify your development environment by testing both frontend accessibility and backend health check endpoints on port 8080 before building new features.
Prompt Used in Video
Ready to start a new course?
Continue your learning journey with these carefully curated courses
Course
Setting-up a database with Supabase, and building our first CRUD API endpoints
Learn how to connect your application to a Supabase database, then validate the setup by creating your first API endpoints to perform basic CRUD operations (Create, Read, Update, Delete).
6 lessons
0 min
Jules BoiteuxFounder @Vibe Coding Academy
Course
Handling authentication with Supabase
From a demo to people signing-up and authenticating to your app, this series will show you how to implement a full end-to-end and secure authentication user flow
9 lessons
0 min
Jules BoiteuxFounder @Vibe Coding Academy
