One-page vs Multi-page which is better?
In this Bubble tutorial video, the question of whether to build a one-page app or a multi-page app is explored.
One page or multi-page: Discover the pros and cons for your responsive Bubble app!
Mobile-like experience: Learn when to choose a one-page app for that native UX feel.
URL parameters vs custom states: Master the best techniques for building smooth, shareable one-page Bubble apps.
Building a One-Page App in Bubble
When building a Bubble app, should you be building a one-page app just like this where if I click I go through different views I share and hide different groups but all on the same page or should I build a multi-page app? Well in this Bubble tutorial video I'm going to describe my personal perspective on the pros and cons of each but before I launch into that if you're learning Bubble you're watching this video and if you want to watch more videos like this head over to our website planetno-code.com to become a member and gain access to our complete library of Bubble tutorial and no code tutorial videos but let me describe what I've got here first which is an app that I've built in a previous tutorial and if I bring up the address bar we can see that I'm on the page one page and then view is currently settings and if I click through to orders then I scroll along now the view is orders and if I go into my app just to show how I've got this working into body orders.
Using URL Parameters for Navigation
Orders is visible when the view parameter in the URL is orders and when one of these buttons is clicked let's have a look here we go to view and we put the current cell's view display I'm using an option set to get my display values in there and to be honest this is the best way that I've found to run a one-page app because I get a really quick response there's no page reload there's no flicker as I go between the different pages here but I actually have a URL with Datronit that if I were to share with another user I mean imagine someone asks a question about your app and you want to take them to a specific point you want to be able to send them a link that takes them to that specific point so this is my personal favorite way of doing a one-page app the other way would be custom states we've got videos covering that but yeah this is basically using URL parameters and the go-to action to do that.
Downsides of One-Page Apps
Now downsides of a one-page app are that in the editor you can end up with many many more groups and basically views for your app and that can scale poorly I mean you if you've got a lot of content being loaded in and you're Bubble Lutter on the same page then you might find that the editor becomes a bit unresponsive you can also just simply find it's really hard to find the bits that you're trying to work on and that can slow down your development time and don't underestimate how much that can add up.
Multi-Page App Preference
My personal preference with this question of should I build a multi-page app or one-page app is that unless you are going for a mobile like a native mobile life experience I personally would always go for a multi-page app meaning that my settings page would be a page here now this is really classic because this is an app that I use for a lot of demos but I'd have a settings page in here and I would have what the other options I'd have an orders page so that when the user clicks it actually loads in a new page and I don't think that that's a bad thing I think if you look at even like enterprise level SaaS applications they are not seeming to be so concerned about whether a user feels like they're using native software compared to using a website if they're accessing it through a web browser I think most users are accustomed to a page load taking place now if you're building a mobile app like experience maybe you are going down the wrapper route to try and get it into an app store personally I think that that's risky might have a video or two on that coming out soon if you if you get on that route then yes you're gonna want to give your users that experience of when they click on a menu item things change instantly and you can do that with a one-page app but I would say any other reason if you're building it for desktop first for example or mobile it's gonna behave like a website if you're okay with that then I would go with a multi-page view because I think that makes it easier to offer support your customers and it makes it easier for you to develop it in a nutshell only go in my opinion only go for a one-page app if you are trying to create a native mobile app like experience if you're not trying to do that personally I would go with a multi-page app but I'd love to hear your thoughts and opinions please leave a comment down below tell us what your thought process was between building a multi-page app or building a one-page app.
Can't find what you're looking for?
Search our 300+ Bubble tutorial videos. Start learning no code today!
Flexible Pricing Plans to Fit Your No-Code Journey
Choose the plan that aligns with your goals and start building your startup today.
Have questions?
We have answers!
Find answers to common questions about our membership plans, programs, and more.
Both plans offer full access to our learning resources, community, and support. The Annual plan provides a significant discount (over 15%) compared to paying monthly, and it allows you to lock in your rate for a full year.
Absolutely! You can easily upgrade or downgrade your membership plan at any time by logging into your account and selecting the desired plan. Any unused portion of your current plan will be prorated and applied to your new plan.
As a Planet No Code member, you'll receive a discount on our Bubble coaching sessions. Monthly members receive a 10% discount, while Annual members receive a 17.5% discount. To redeem your discount, simply log into your account and book a coaching session through our platform.
Our 8-week intensive mentorship program is designed to provide personalized guidance and support to help you accelerate your startup journey. You'll be matched with a startup expert who will work with you one-on-one to set goals, overcome challenges, and make rapid progress.
To apply for the Mastery Program, simply click the "Request Invitation" button on our pricing page and fill out the application form. Our team will review your application and schedule a call with you to discuss your goals and determine if the program is a good fit for your needs.
We accept all major credit cards, including Visa, Mastercard, American Express, and Discover.
While we don't offer a free trial, we do provide a 14-day money-back guarantee. If you're not completely satisfied with your membership within the first 14 days, simply contact our support team, and we'll issue a full refund.
If you decide that Planet No Code isn't the right fit for you, you can cancel your membership at any time by logging into your account and navigating to the subscription management page. Click the "Cancel Membership" button, and your membership will be terminated at the end of your current billing cycle.