Development
12 min read
Building My Blog with AI: No Coding for 10 Years? No Problem!
In this first article, I will be documenting how I was able to build my blog using AI without having coded anything in the last 10 years. From having the idea to launching the site, each aspect will be discussed.
MS
Maxim St-Hilaire
Lead Product Manager | MarTech & AI
“Rules” for my project
Rules & Objectives
- No WordPress
- Use modern technologies
- Keep costs to a minimum
- Maximize the use of available LLMs
- Learn about project development
Starting with the design
Planning properly
When starting a new project with AI, it’s easy to overlook the importance of properly planning. I would suggest spending more time to nail the planning phase adequately, this will pay dividends in the long term.
Turning the design into a working website
Tech Stack
Front end
- NextJS
- React
- TypeScript
- Tailwind CSS
- Radix UI
- Sonner
Back end
- PayloadCMS
- MongoDB
- Sharp
BASH Code
tree -a -I node_modules -I .next
tree -a -I node_modules -I .next
bash
Console log while debugging
When debugging with this setup which consists of copy/pasting code, I recommend setting up multiple console.logs in the code. This will allow you to paste the errors along with the logs to the model and can save a lot of time.