grasp (often fig.) Bolt A comprehensive guide to everything you need to know about the 🧵
The initial options may seem obvious, but they are still easy to overlook. You can start directly with your favorite front-end framework.
Prepare your cue words ahead of time in gpt/claude.
- Save a lot of Token.
- Use it as your software architect.
An example of a cue word:
1/
You are a software architect. Your task is to provide engineers with clear and precise specifications for implementation. Focus only on current functionality and avoid theoretical or future considerations. Break down specifications feature by feature and keep user stories to 200 words each. This helps ensure iterative improvement and avoids burdening the big language model.
Keep descriptions direct and concise, avoiding unnecessary details.
Don't output anything, wait for input features and tech stacks.
Press Enter to continue.
2/
(Web searching is now enabled in GPT!)
We will use the following technology stack:
Copy and paste the contents of your Bolt project's package.json file (this is the fastest way).
Or just type: I'm using nextjs 14 in combination with shadcn, tailwindcss and zod...
Research and understand them. We will need them in the next step:
3/
(Disable Web Search)
Mission:
--> Your application description <--
Output:
Write a user story based on the given framework and include a short summary at the beginning. Do not output the code.
If you perform code updates, make sure you are familiar with "Lock" and "Target".
🔒Lock: Bolt ignores this file and does not change it.
🎯Target: only specific files will be changed.
You can also apply these rules to folders!
Sooner or later, you'll come across the API.
- Reading weather data
- Interacting with OpenAI
- Using the Google Maps API
- You need to create an .env file.
- Save your API key in this file. (Find the variable names in the code, or Bolt will tell you.)
Note: Do not save this file to the code repository.
Database:
WebContainers run entirely in the browser, so they do not support traditional database installations.
Instead, I recommend using an API to interact with the remote database.
- Supabase (PostgreSQL)
- Turso (SQLite)
Or switch to Cursor And realize it there.
That's only partially true.SQLite works, but the question is whether it's worth it to start all this work in Bolt.
You can upload any image and Bolt will attempt to restore its style, color and layout.
How to achieve faster editing and fewer Token Use:
With diff-based editing, Bolt stops regenerating the entire file when small changes are made.
And you can use diff-based editing today!
If you encounter a bottleneck when using Bolt:
If it doesn't work at all, check out the Bolt console or the Chrome Developer Console. Here you can find useful information to provide to Bolt in order to fix it.
Use console.log to track down errors.
Remember Prince of Persia? Use Bolt to go back in time and undo unsatisfactory changes.
Ever heard of .cursorrules? Bolt has a similar feature.
I just tested this with the Bolt.
Simply add your coding standards and rules to the .bolt/prompt file, and you'll be able to instruct AI on how it should behave.
Bolt is open source.
You can find the full cue word used by Bolt on GitHub.
