Everything you need to know about OurGame1st — the online IDE for building and deploying apps.
After signing in, click "New project" on your dashboard. Choose a template (Node.js, React, Next.js, Python, Flask, or HTML) or import an existing project from a ZIP file.
Yes. Click "New project" → "Import ZIP" tab. Drop your ZIP file (up to 150 MB). The platform extracts all source files, skips node_modules and binaries, and opens the editor automatically. Works with Replit exports, GitHub repo downloads, and any project archive. See the "Migrate from Replit" section below for a step-by-step walkthrough.
Node.js, React, Next.js, Python, Flask, and HTML/CSS out of the box. Each runs in its own isolated Docker container with the right runtime pre-installed.
Right-click any file or folder in the file tree on the left. You can create new files/folders, rename them, or delete them. Files auto-save as you type.
Click any file in the tree to open it in a new tab. Switch between open files using the tab bar at the top of the editor.
Yes — every change is saved to the database automatically with a short debounce. You will never lose work by closing the tab.
Use Ctrl+Shift+F inside the editor. You can also ask the AI agent to "search for X" and it will find which files contain it.
Click the green "Run" button in the top toolbar. The platform starts a Docker container for your project and runs the default start command for your language (e.g. "npm run dev" for Next.js, "python main.py" for Python).
Open the terminal panel (bottom of the editor) and run npm install, pip install, etc. just like a normal terminal. Or ask the AI agent — it can run install commands for you.
Click the "Terminal" tab at the bottom of the editor. It is a full interactive terminal connected to your running container — you can run any command, navigate directories, start processes, and see output in real time.
Check the terminal panel — all stdout/stderr output appears there. You can also paste the error into the AI agent and ask it to fix the problem.
Click the "Preview" tab in the editor. Once your container is running, the preview pane shows your app in a live iframe. It reloads automatically when you save files.
Yes — click the external link icon in the preview toolbar to open your app in a full browser tab.
Make sure your app is actually running (check the terminal for errors). Your app must listen on port 3000 — the preview proxy connects to that port. For Next.js use "npm run dev", for Express use "PORT=3000 node index.js".
The AI agent is a coding assistant that can write, edit, and create files in your project for you. Just describe what you want in plain English — "add a dark mode toggle", "build a login page", "fix the 500 error in the API" — and it does the work.
The agent has access to your project files and can read, edit, and create them. Regular chat just answers questions. Use the agent when you want actual code changes made.
Yes. Click the "+" button above the chat input. You can attach images (the agent will read UI mockups and screenshots), text files, or a ZIP archive of an entire project.
Yes — click "+" → "Attach current file". The agent will receive the full content of whatever file you have open in the editor.
Click the red "Stop" button that appears while the agent is working. It will immediately stop after the current step.
Sonnet (fast, recommended for most tasks), Opus (smartest, best for complex multi-file changes), and Haiku (fastest, good for simple edits). Switch using the model button in the agent toolbar.
When enabled, the agent states a one-line plan before making any changes. Useful for complex tasks where you want to review the approach first.
Before the AI agent makes its first file change in a run, it automatically saves a snapshot of all your project files. This is called a checkpoint.
Checkpoint cards appear in the AI agent chat above the agent's changes. Click "Revert" on any checkpoint card. A confirmation dialog appears — confirm and all your files are instantly restored to that snapshot.
Yes. Checkpoint cards stay in the chat history even after you close and reopen the editor. The Revert button will still work.
Not automatically — a revert replaces all files with the checkpoint snapshot. If you need to go back, you would need another checkpoint from before the revert. Always check before reverting.
Click the "Publish" button in the top toolbar of the editor. Your app gets a public URL at {project-name}.ourgame1st.dev. Anyone with the link can access it.
Yes, on paid plans. Go to your project settings → Domain, enter your domain (e.g. myapp.com), and follow the DNS setup instructions. The platform handles HTTPS automatically.
Click "Unpublish" in the editor toolbar. The public URL stops working immediately.
Open your Repl on replit.com. Click the three-dot menu (⋯) in the top-right corner → "Download as zip". This downloads a ZIP archive of all your project files. The ZIP will include a top-level folder named after your Repl (e.g. trading-terminal/).
On your dashboard click "New project" → switch to the "Import ZIP" tab → drag and drop your downloaded ZIP file (up to 150 MB). The platform strips the top-level folder automatically, skips node_modules and Replit's Nix store (.local/, .config/, .nix-profile/), and imports all your source files.
Open the editor for your new project. Click "Run" to start the container, then open the Terminal tab at the bottom. Run your install command: • Node.js / pnpm: pnpm install • Node.js / npm: npm install • Python: pip install -r requirements.txt The first install may take a minute to download packages.
Replit stores secrets in the Secrets tab. In your editor, create a .env file and paste your key=value pairs there (e.g. DATABASE_URL=..., API_KEY=...). Never commit .env to git — it is automatically excluded. The platform injects these into your container at runtime.
To use the built-in Postgres on this platform, set DATABASE_URL=postgresql://ourgame:ourgame@localhost:5432/ourgame in your project's .env secrets. Or bring your own database from Supabase, Neon, PlanetScale, or any provider and paste their connection string instead.
In the terminal, run your start command with the PORT env var set to 3000 so the preview proxy can reach it. Examples: • Vite: PORT=3000 npx vite --host 0.0.0.0 • Next.js: npm run dev (already uses 3000 by default) • Express: PORT=3000 node index.js • Flask: PORT=3000 flask run --host=0.0.0.0 --port=3000 Once running, click the Preview tab to see your app.
Replit Shell → Terminal tab at the bottom of the editor. Replit Secrets → .env file in your project root. Replit Agent → AI Agent panel (same idea: describe what to build, it writes the code). Replit Deployments → Publish button (gives you a public URL at {name}.ourgame1st.dev). Replit Bounties / Teams → coming soon.
From the terminal, use: PORT=3000 pnpm --filter @workspace/your-app-name run dev Replace "your-app-name" with the name field from the package.json inside that sub-package. You can find it by running: cat artifacts/your-folder/package.json | grep '"name"'
The container starts with npm pre-installed but not pnpm. Run: npm install -g pnpm Then re-run your pnpm command. This only needs to be done once per container session — if the container restarts, run it again. We are working on pre-installing pnpm in all containers by default.
Credits are used for AI agent and assistant requests. Each AI response consumes credits based on the length of the conversation and files. Your balance is shown in the top-right corner of your dashboard.
Go to the Billing page (click "Billing" in the dashboard header). You can upgrade to a paid plan for a monthly credit allowance or purchase a one-time top-up.
AI features stop working until you top up. The editor, terminal, and file management still work normally — only AI requests are paused.
Free (limited credits), Pro (monthly subscription with generous credits + custom domain + higher limits), and Team (everything in Pro plus collaboration features). See the Billing page for current pricing.