/bubble-tutorials

How to build a portfolio showcase in Bubble

Learn how to build a clean, professional portfolio showcase in Bubble with simple steps that highlight your work and attract clients.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a Free Consultation

How to build a portfolio showcase in Bubble

A simple and solid way to build a portfolio showcase in Bubble is to create a Portfolio Project data type, build a repeating group that lists those projects, and use a separate page or popup to show each project’s details. You let the user add/edit projects through forms, save images/files in the database, and use Privacy Rules so only the portfolio owner can edit content while everyone can view it.

 

Data Structure

 

You only need one main data type: Portfolio Project. Each entry represents a project to display.

  • Fields: title (text), description (text), project_image (image), project_url (text), owner (User)

 

Creating the Submission Form

 

Place inputs on an admin-only page or in a popup. When the user clicks “Save,” run a workflow that creates a new Portfolio Project and fills its fields from the inputs.

  • Use When button Save is clicked → Data → Create a new thing
  • Set owner = Current User
  • Upload images using Bubble’s built‑in Image Uploader

 

Displaying the Portfolio

 

Use a Repeating Group to list all Portfolio Projects.

  • Type of content: Portfolio Project
  • Data source: Do a search for Portfolio Projects
  • Inside each cell, show the project image, title, and a “View” button

 

// Example search for visible portfolio items
Search for Portfolio Projects
// No constraints needed unless you want filtering

 

Project Detail Page (or Popup)

 

Make a separate page with type Portfolio Project. Send the project via “Go to page…” and bind text/image elements to the page’s data.

  • Use dynamic expressions like Parent group's Portfolio Project's title
  • If using a popup, set its type to Portfolio Project and pass data using “Display data”

 

Privacy Rules

 

Go to Data → Privacy and create a rule so only the project’s owner can edit or delete their projects, but everyone can view them.

  • Rule: When This Portfolio Project's owner is Current User → allow editing
  • Leave viewing open if the portfolio is public

Explore More Valuable No-Code Resources

How to integrate Bubble.io with Git?

Learn how to seamlessly integrate Bubble.io with Git through our comprehensive step-by-step guide. Perfect for beginners and professionals.

Explore

How to integrate Bubble.io with Reddit Ads?

Learn how to seamlessly integrate Bubble.io with Reddit Ads using our easy step-by-step guide. Boost your ad management today!

Explore

How to integrate Bubble.io with AWS S3?

Explore our step-by-step guide on integrating Bubble.io with AWS S3, making your app development process more efficient and secure.

Explore

How to integrate Bubble.io with Lucidchart?

Follow our step-by-step guide to seamlessly integrate Bubble.io with Lucidchart, enhancing your workflow & productivity.

Explore

How to integrate Bubble.io with Kentico?

Learn how to seamlessly integrate Bubble.io and Kentico with our comprehensive, easy to follow step-by-step guide.

Explore

How to integrate Bubble.io with Box?

Discover easy-to-follow steps for integrating Bubble.io with Box. Boost your workflow and secure your files seamlessly today.

Explore

Stuck in Bubble.io? We’re here to help!

Fix broken workflows | Optimize logic | Boost performance | Scale with confidence

4.9
Clutch rating 🌟
600+
Happy partners
17+
Countries served
190+
Team members

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences