Web container not working

mouss · April 4, 2025, 5:45pm

Hey so The web container isn’t working and I know I need to get the commercial version, where do I add the API key in what file? please help asap.

leex279 · April 4, 2025, 6:00pm

hey,
I think I already wrote this in your discord chat

You need to implement that yourself. The bolt.diy/bolt.new (open source) does not have a configuration for api key, as it uses no credentials, cause not needed for opensource/private usage.

You can see this in this file:

github.com/stackblitz-labs/bolt.diy

app/routes/webcontainer.preview.%24id.tsx

main

import { json, type LoaderFunctionArgs } from '@remix-run/cloudflare';
import { useLoaderData } from '@remix-run/react';
import { useCallback, useEffect, useRef, useState } from 'react';

const PREVIEW_CHANNEL = 'preview-updates';

export async function loader({ params }: LoaderFunctionArgs) {
  const previewId = params.id;

  if (!previewId) {
    throw new Response('Preview ID is required', { status: 400 });
  }

  return json({ previewId });
}

export default function WebContainerPreview() {
  const { previewId } = useLoaderData<typeof loader>();
  const iframeRef = useRef<HTMLIFrameElement>(null);
  const broadcastChannelRef = useRef<BroadcastChannel>();

This file has been truncated. show original

Its using also a “credentialless” api endpoint, which you probably also have to change according to the webcontainer api docs or what they gave you with the licencse/api key.

This is also nothing we changed for bolt.diy ==> the code comes 1:1 from bolt.new open source. If you dont know how to implement it yourself, I would recommend asking stackblitz/bolt.new or in their github project/issues.

mouss · April 4, 2025, 6:01pm

hey bro so I asked stackblitz and they said they dont offer commercial use of stackblitz to bolt.diy

leex279 · April 4, 2025, 6:04pm

But this would mean you are not allowed to use it anyway, or not?

mouss · April 8, 2025, 5:07pm

need to look at different options instead of web container