If you use @boltdotnew let me save you alot of tokens. Here's how:...
CJ Zafir@cjzafir
29 views
Feb 10, 2025
~1 min read
Advertisement
1
If you use @boltdotnew let me save you alot of tokens.
Here's how:
Step 1: Install CodeGuide NextJS Starter Kit with pre-installed packages
- NextJS 14 (ideal for AI tools)
- Typescript
- TailwindCSS
- Shadcn UI
- Supabase
- ClerkDev
Here's how:
Step 1: Install CodeGuide NextJS Starter Kit with pre-installed packages
- NextJS 14 (ideal for AI tools)
- Typescript
- TailwindCSS
- Shadcn UI
- Supabase
- ClerkDev
0:37
2
Step 2: Attach your project documentation
For Bolt we need 2 documents:
1. project requirements doc. (PRD)
2. app flow doc.
- Go to @CodeGuidedev Dashboard
- Go to New Project
- Complete 5 steps
- Click "Download all"
- Unzip docs on computer
- Upload PRD + app flow doc
For Bolt we need 2 documents:
1. project requirements doc. (PRD)
2. app flow doc.
- Go to @CodeGuidedev Dashboard
- Go to New Project
- Complete 5 steps
- Click "Download all"
- Unzip docs on computer
- Upload PRD + app flow doc
0:26
3
Step 3: Enhance your UI with 21st. dev
Here're the steps:
- go to 21st .dev
- find the component you like
- select the tool from dropdown
- copy the prompt
- paste it in bolt and run
This will instantly refine the UI. Do that for as many components as you like.
Here're the steps:
- go to 21st .dev
- find the component you like
- select the tool from dropdown
- copy the prompt
- paste it in bolt and run
This will instantly refine the UI. Do that for as many components as you like.
1:07
4
Here's the final results - built in 15 mnts:
Rundown:
- I used @CodeGuidedev Starter kit with @boltdotnew
- generated PRD + app flow with CodeGuide
- uploaded docs to Bolt
- used 21st .dev for Ready-made UI components
- OpenAI API (for report gen.)
- Jina ai (for scraping)
Rundown:
- I used @CodeGuidedev Starter kit with @boltdotnew
- generated PRD + app flow with CodeGuide
- uploaded docs to Bolt
- used 21st .dev for Ready-made UI components
- OpenAI API (for report gen.)
- Jina ai (for scraping)
0:23
5
Join codeguide.dev here
This is turning into a home of AI Coders.
Create project docs
Use Starter Kits
Use templates
Community
Discounts
+ 40% discount on Yearly Membership - Only $199 right now.
This is turning into a home of AI Coders.
Create project docs
Use Starter Kits
Use templates
Community
Discounts
+ 40% discount on Yearly Membership - Only $199 right now.