Prerequisite: Have Cursor installed on your Device, GitHub Account and Vercel Account
Step 1: First, to get inspiration I headed to Vercel and looked at the templates. After I found one that I liked I took a bunch of screenshots and gave them to ChatGPT with this prompt:
“Analyze the attached website screenshot and describe it in precise, implementation-ready detail so it can be rebuilt from scratch in Cursor.
Include: page purpose, full layout structure (top to bottom), all UI components, visual styling (colors, typography, spacing), component hierarchy, interactions (hover, animations, states), responsive behavior, content structure, and any implied data/state logic.
Write the output as a clear technical specification (not a summary or marketing copy), suitable for rebuilding the site using a modern frontend stack (e.g. React + Tailwind). Be exhaustive and explicit”
Step 2: With the prompt ready we can head over to Cursor (or Claude Code, whatever you’re using) and give it the prompt ChatGPT . This will set up a whole folder structure inside of your project and build the website out. You can then preview the website inside of Cursor or localhost. You can also tweak small details like content by yourself and see the changes in real time.
Step 3: When you’re happy with the Website publish it to GitHub and host it using Vercel. Vercel lets you host Websites completely for free via your GitHub Repository.
Step 4 (optional): The last step is fully optional but from here you can buy a custom domain and make your website more functional with an actual backend. I haven’t done this because my website should just be a personal portfolio without any backend functionality.
These are all the steps I took, if you’re curious how the finished product looks, you can check it out here! My Personal Website
If you’re reading this, I’m still figuring out how to write good blogs. I’m happy you’re subscribed and I promise on making more content and keep getting better with every post! :)
🔗 Resources and Links I mentioned in the post
💡 My Recommendation of the week
If you haven’t already, gain familiarity with Cursor or Claude Code, I’ve been leveraging it so much lately and it’s actually crazy.
