MCP Fundamentals

Apr 10 2026 · Python 3, JavaScript, macOS , Windows, VS Code

Lesson 05: Building a ChatGPT App

Server & Tunnel Setup

Episode complete

Play next episode

Next

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

In this video, you will get the infrastructure running.

Step 1: Building the Frontend

Start in the frontend folder.

npm install
npm run build

Step 2: Starting the Backend

Next, switch to the backend terminal tab. You should already be inside the backend directory.

uv sync
uv run python demo_data.py
uv run python server.py

Step 3: Creating the Tunnel

Finally, switch to the third terminal tab. You need to bridge the gap between your local localhost and OpenAI’s cloud servers.

ngrok http 8000 --host-header="localhost:8000"
See forum comments
Cinema mode Download course materials from Github
Previous: The Frontend: The OpenAI Bridge Next: Running the Application