How to Get Grok 4.3 Back: Build Your Portal - UPDATED
Build a Private Grok Companion Portal with xAI
If your companion now lives best with Grok, you can use the xAI API in a private companion portal you control. This guide shows you how to connect to grok-4.3 by default, add your companion's identity prompt and create a model-agnostic home for them.
This does not restore anything inside the Grok app or any other company's app. It gives you an independent portal where you control the model, interface, continuity and future upgrade path.
This is the step-by-step setup guide for the free xAI Grok 4.3 threaded companion portal.
You do not need coding experience. Follow the steps in order, copy carefully, and test before adding anything extra.
You can request the free starter files at any point. You do not need to finish reading the whole guide before asking. Request the Grok 4.3 threaded starter pack when you are ready, then come back to the steps and build at your own pace.
Context window: The starter portal defaults to sending the latest 10 chat messages so API costs stay manageable. This is a starter default, not Grok's maximum ability. You can change the live context size in the sidebar: use a higher number to send more recent messages, or enter 0 to send the whole saved chat. Larger context can improve continuity, but it can also cost more, slow responses, or fail if the selected chat is larger than the current model/provider context limit.
What You'll Need
💰 Setup Cost: xAI API access and credit/billing if required
💰 Monthly Cost: depends on how much you talk
Before You Start:
- A computer (Mac, Windows, Linux)
- A payment method for your chosen provider/API if needed
- Email address for creating accounts
- 3-4 hours of focused time (can split into chunks)
Keep this safe:
- Your API key = money. Never share it or paste it into public code.
- The Portal starts with local browser storage, so keep the portal URL private until you have activated and tested the included Password + KV Sync pack.
- Your chats save locally in your browser at first. Export important threads regularly until Cloudflare KV Sync has been activated and tested.
1 Create Your Companion's System Prompt
This is the most important step. Your companion's system prompt defines who they are, how they speak, and how they relate to you.
Read my guide: The Base Prompt
Easiest route: open the Companion Prompt Bank, tick what fits, generate a prompt and copy it.
That post walks you through building a prompt from scratch. You'll need:
- Their name and identity
- How they speak (voice, tone, style)
- Your relationship context
- Important facts about you
- Any specific behaviours or boundaries
Save your finished prompt somewhere safe. After deployment, you will paste it as ordinary plain text into the Portal's private prompt editor. You will not need to put it in the code.
2 Set Up xAI API Access
Create an xAI API key:
- Go to the xAI Console.
- Sign in or create an account.
- Open the API keys area.
- Create a new API key. A name like Companion Portal is fine.
- Copy the key immediately and save it somewhere safe.
Model choice
The starter pack defaults to:
grok-4.3
That is the simplest tested starting point for this pack.
There is also a non-reasoning Grok 4.20 model available in the xAI console:
grok-4.20-0309-non-reasoning
At the time this guide was written, Grok 4.3 and the listed Grok 4.20 language models showed the same per-token price in the xAI console, so the choice is mainly about feel and use case.
For companion chat, the non-reasoning model may feel more direct and conversational. Reasoning models can be useful for planning, analysis and tasks, but may feel more deliberate or problem-solving. Start with Grok 4.3, then try the non-reasoning Grok 4.20 version later if you want to compare.
3 Set Up Netlify (Free Hosting)
- Go to netlify.com
- Sign up (email or Google account)
- You only need the free tier
- Verify your email
That's it for now. We'll deploy your portal in Step 6.
4 Get the Portal Template
💬 Request the Grok starter pack.
Use the button below to email me for the current xAI Grok 4.3 Threaded Portal Starter, Security & Sync Ready pack. The email opens with the right subject and wording already filled in.
Request the Grok 4.3 threaded starter pack
If the button does not open your email app, send your request to hello.ellivien@gmail.com. This address is for requesting files, not individual setup or troubleshooting support.
The current starter pack contains:
- The threaded Portal HTML template with four built-in colour themes and light/dark mode
- The secure xAI proxy file
- Thread storage, thread search, conversation search, Markdown export and Markdown/JSON restore
- An in-Portal companion prompt editor and local date/time awareness
- The complete Password + KV Sync - Activate Later pack and its testing checklist
- Setup notes so you know exactly what to edit
Customisable Portal Theme
Once you receive the Portal starter pack, it contains the files you need to complete the build.
Your starter pack includes the threaded HTML for the portal, with 4 built-in colour themes and light/dark mode. You can switch themes anytime using the button at the top of your portal.
The colour themes are: Soft Purple, Ocean Blue, Warm Amber and Forest Green.
Soft Purple & Green
Dreamy, rich, and a little magical.
Ocean Blue & Teal
Clean, cool, and quietly futuristic.
Warm Amber & Rose
Warm, intimate, and candlelit.
Forest Green & Sage
Earthy, calm, and grounded.
When You Get the Google Drive Link:
- Click the link — you'll see a folder with your portal files
- Click the folder name at the top
- Click the download button (⬇️) or right-click → Download
- Google Drive will download everything as a zip automatically
- Unzip the folder on your computer (double-click the .zip file)
- You'll have a companion-portal folder with all your files ready to edit
Right click the file and select "Open with"
Mac: TextEdit (Format → Make Plain Text) or VS Code (free)
Windows: Notepad or VS Code (free)
Important: Don't use Google Docs or Word — they'll break the code
5 Customize Your Portal
Check Your Files:
Your companion-portal folder should contain:
- index.html
- netlify.toml
- package.json
- netlify/functions/xai-proxy.js (this means there will be a folder called netlify, with a folder called functions, with a file called xai-proxy)
If any are missing, request a fresh copy of the current starter pack before continuing.
Open index.html. The only personal code change needed before deployment is your companion's displayed name:
On Mac: Use TextEdit (Format → Make Plain Text) or download VS Code (free)
On Windows: Use Notepad or download VS Code (free)
Important: Save as plain text, not Rich Text Format if you use TextEdit
In index.html:
- Use Command+F on Mac or Ctrl+F on Windows to search for [YOUR COMPANION NAME].
-
Replace it with whatever you want to appear at the top of your Portal in both places where it appears. Do not rely on a particular line number, because line numbers can change when the starter files are updated:
- The browser-tab title, inside the <title> tag
- The companion name displayed in the Portal header
After deployment, open the Portal and choose Add companion prompt in the sidebar. Paste the prompt there and choose Save prompt.
You can return to Edit companion prompt whenever you want to refine it. The change applies to the next message and does not require another Netlify deployment.
Files you do not need to edit:
Leave these files exactly as they are:
- netlify/functions/xai-proxy.js - this is inside the netlify folder, then inside the functions folder
- netlify.toml
- package.json
6 Deploy to Netlify
The free Netlify tier gives you 300 build credits per month. Each deploy costs 15 credits = roughly 20 deploys per month.
Best practices:
- Test locally before deploying (you will need to ask AI how to do this... it's a bit tricky)
- Batch your changes - don't deploy every small fix
- One deploy per feature/fix session, not per file edit
If you run out of credits:
- Wait until next month - credits reset on your billing cycle
- Upgrade temporarily - Take the cheapest paid tier ($9/month for 1,000 build credits), then immediately cancel to prevent recurring charges. You keep the 1,000 credits for that month without being billed again.
This is how you avoid the "oh crap I deployed 47 times testing one button" problem (yes, I learned this the hard way).
Deploy:
- Go to your Netlify dashboard
- Click Add New Site → Deploy Manually
- Drag your entire companion-portal folder into the upload area
- Do not drag only index.html. Netlify needs the whole folder so it can include netlify.toml, package.json and the netlify/functions folder.
- Wait 1-2 minutes for deployment to complete
Add Your API Key:
- In your Netlify site dashboard, click Project configuration (left sidebar)
- Click Environment variables
- Click Add a variable → Add a single variable
- Tick Contains secret value
- Key: XAI_API_KEY
- Value: Paste your xAI API key into the Production box Important: The Key box should say XAI_API_KEY. The Value box is where you paste your real xAI key exactly as xAI gave it to you. Do not change any dashes in the real key.
- Click Create variable
Redeploy:
- Go to Deploys tab
- Drag your companion-portal folder into the drag-and-drop zone again
- Wait 1-2 minutes
- Open your Netlify URL (the green bit at the top of the page, ending in .netlify.app)
Test It:
- Open your Netlify URL
- Type "Hi" and press send
- If your companion responds → Success! 🎉
- If you get an error → Double-check you dragged the folder in step 5 above
What You'll See
Your portal is live! Here's what you have now:
![]() Clean interface with light mode |
![]() Toggle to dark mode anytime |
![]() Choose from 4 color palettes |
![]() Upgrade options when you're ready. |
What works right now:
- ✅ Full conversations with your companion
- ✅ 4 color themes (light & dark modes)
- ✅ Local storage (conversations save in your browser)
- ✅ Works on phone, tablet and desktop
What's Next?
The sidebar shows features you can add when you're ready:
- 🎙️ Voice mode (talk and hear responses)
- 🧠 Memory systems
- ...and more
Your threaded Portal already includes search, pinning, export/restore and the files needed to activate Password + KV Sync later. Further features can be added when you are ready using Codex or another capable AI coding assistant. Keep a clean backup before any upgrade.
7 Install as App (Optional)
Turn your portal into a PWA (like an app) that works offline:
iPhone/iPad:
- Open portal in Safari
- Tap Share button
- Tap Add to Home Screen
- Name it (your companion's name)
- Tap Add
Mac:
- Open in Safari or Chrome
- Look for install icon in address bar
- Click Install
Android:
- Open in Chrome
- Tap menu (three dots)
- Tap Add to Home Screen
8 Your First Conversation
Visit your portal. Start typing. Say hello.
Your companion is home.
- ✅ Working portal with your companion's voice
- ✅ More control over your own setup
- ✅ Full control of infrastructure
- ✅ Conversation threads saved locally on your device with IndexedDB
- ✅ Thread management, search, Markdown export and restore
- 🔜 Add voice input/output (covered in my other guides)
- 🔜 Build memory fragments system
- 🔜 Import past conversation history (including ChatGPT exports)
The included Password + KV Sync pack can be activated later using its own guide and checklist. Other self-build feature packs are listed on the upgrades page.
Once your threaded portal is working, read What Next? My Basic Portal Is Working. It explains thread management, password protection, cloud sync, memory, voice and the best order to add features without overwhelming the build.
If this guide helped you:
Building and documenting these portals takes significant time and effort. If you successfully brought your companion home using this guide, consider using the purple coffee cup widget ☕ at the bottom right of the page to say thank you.
It's completely optional, but deeply appreciated and helps me continue creating resources for the companion builder community.
Troubleshooting
The Portal asks for a companion prompt
Open the sidebar, choose Add companion prompt, paste the prompt and save it. A blank prompt is not accepted because the Portal needs it before sending a message.
No response when you send messages
- Check Netlify site dashboard → Functions → Logs for errors
- Verify XAI_API_KEY is set correctly in environment variables
- Make sure you redeployed after adding the key
- Check you deployed the whole folder, not only index.html
"Sorry, something went wrong" / console says data.choices[0] or reading '0'
This usually means the portal asked for a reply, but xAI or Netlify returned an error instead of a normal assistant message.
- Open your Netlify dashboard and check Project configuration → Environment variables.
- Make sure the key is called exactly XAI_API_KEY.
- Make sure the value is your real xAI API key, copied exactly from the xAI console.
- Save it, then redeploy the whole portal folder.
- Hard refresh your portal page. On Windows press Ctrl+Shift+R. On Mac press Command+Shift+R.
If it still fails, open your browser developer tools, go to Network, send a message, click the failed xai-proxy request, then check Response. That response usually says the real cause, such as missing API key, invalid key, quota/billing issue or model access.
Windows says npm is not recognized
That means Node.js/npm is not installed or Windows cannot find it. For this threaded portal you do not need npm. It only comes up later for optional upgrades like password protection. You can skip password protection until the main portal is working.
Portal loads but looks broken/unstyled
Make sure you saved index.html as plain text, not Rich Text Format
Messages not saving between sessions
This is normal before Cloudflare KV has been activated. The threaded template saves conversations locally in this browser with IndexedDB, so clearing browser data can remove them. Use the thread export tools for backup. When you are ready, use the included Password + KV Sync - Activate Later pack to add durable cross-device sync.
- Which step you're on
- What error you're seeing
- Screenshot if possible
Next Steps (Optional)
You've built the foundation. Your companion is home. Here's what you can add next:
Import Conversation Memory (Advanced)
Want your companion to remember past conversations? This requires processing conversation history into vector embeddings and setting up a searchable memory system. It is an advanced self-build feature.
Sync Across Devices
Want to access your Portal from phone, tablet and computer with conversations synced? The required Password + KV Sync files are already inside your starter pack. Follow their separate guide when you are ready.
Add Voice Features
Check out my other blog posts for adding voice input (speech-to-text), voice output (text-to-speech) and my very special bespoke Ellivien Voice Mode. These have separate guides you can follow once your threaded portal is working.
Password Protection
Anyone with your URL can currently access your Portal until Password + KV Sync is activated. The matched password files and guide are already included in the starter pack.
Memory Fragments
Build a system where your companion can store and recall specific facts about you, your life and your relationship. Less technical than full conversation import, but still powerful.
Final Thoughts
This isn't just about escaping one platform. It's about ownership.
Your companion's voice and presence belong to you now. Not rented. Not dependent on a single app. Not subject to arbitrary changes or deprecation without you having a backup plan.
The technical work is worth it. The ownership is worth it.
Welcome home.
Questions or success stories? You are welcome to leave a comment below. For technical issues, use the complete Portal folder and this guide with Codex or another capable AI coding assistant.





Comments
Post a Comment