How to Build a Personal Portfolio Site with Bolt.new

Bolt․new
444 views •

In this Bolt.new tutorial you'll learn how to build a personal portfolio site with a hero section, a project gallery, and testimonials. Your portfolio is often the first thing someone sees after a search result or a link in your bio, so it's worth building something that shows what you can actually do. We'll store your projects and testimonials in the Bolt.new database and add a private admin dashboard on top of it. Once your site is published, you can visit that dashboard from your live URL to rename a project, swap in a new one, or add a testimonial, without opening Bolt.new or spending credits. You'll also see how to pull free components from React Bits into your build, including a ripple effect on the hero image, an accordion gallery for your projects, and bounce cards for your testimonials. Copy the prompt, paste it in, and the agent handles the implementation. By the end you'll have a site that looks polished and stays easy to keep current as your work grows. *Timestamps:* 00:00 Introduction 00:42 Initial Prompt and Setup 01:55 Refining the Hero Section 03:50 Admin Dashboard Management 05:40 Advanced React Bits Effects 08:28 Final Polish and Deployment *About Bolt:* Bolt turns ideas into production software in minutes, entirely in your browser. No setup, no servers. Powered by WebContainers. Connect with us: X (Twitter): https://x.com/boltdotnew LinkedIn: https://www.linkedin.com/company/boltdotnew/ Questions? Check out our Support page: https://support.bolt.new #BoltNew #AIDevelopment #Prompting #WebDevelopment #NoCode #BuildWithAI #WebApps #Tutorial #portfolio #reactbits

Keyboard shortcuts

On. Switch them off if they collide with your assistive tools; ? still opens this sheet.

Go to

Press g then the letter.

  • gh Latest
  • gs Sources
  • gm Media
  • gv Videos
  • gp Podcasts
  • gc Calendar
  • gd Decoder
  • gz Dataviz
  • ga Datasets
  • gb Blog
  • gk Markets
  • gj Careers
  • gn Prompt Notebook

On this page

  • / Focus search, where there is one
  • t Back to top
  • ? This list
  • Esc Close