DEV Community

OpenSource for WebCrumbs

Posted on • Updated on

2024’s Tech Trend: Frontend for Backend

Hey there!

We all heard about the Backend for Frontend, our BFF. It's basically a backend designed specifically for a certain frontend application.

Now let's talk about a radically different concept: a little something it's being called Frontend for Backend or simply FFB.

Frontend for Backend (FFB) is a development approach that integrates admin panels into web applications, enabling frontend developers to manage and configure backend functionalities more efficiently. This method adds a layer of frontend interfaces - essentially admin panels - that directly interact with the backend. These panels provide a user-friendly way for developers to control and modify backend processes, such as database management, user authentication, and system configurations, without delving into complex backend code. FFB is designed to simplify the overall development process, making it more accessible for those who primarily work on the frontend. By offering a visual and intuitive means to handle backend tasks, FFB streamlines the workflow, making it easier to implement changes and updates. It can expedite the development cycle by allowing quick and straightforward adjustments through the frontend.

The FFB concept can make it easier to manage your Node.js website and it's in the core of WebCrumbs. We believe everyone deserves an admin panel that's easy to use for everyone involved (and preferably free and open source).

Frontend for Backend means segregating options from code, making it highly configurable without pain (or pipelines).

  • No more waiting for definitions.
  • No more sprints to implement small changes that anyone could do.

It's about making changes to websites less headache-inducing more enjoyable.

After all, we're smarter than before.

It shouldn't feel like this:

2000s

Right?

Let's aim for a better 2024!

If you're into making things easier for Node.js devs, give us a star on GitHub. We're all about helping devs quickly turn ideas into live websites with an admin panel that let's you configure your code or install plugins and themes.

Your support means the world to us!

⭐️ Give WebCrumbs a Star! ⭐️

Top comments (19)

Collapse
 
opensourcee profile image
OpenSource

Frontend for Backend (FFB) is distinct from a traditional Content Management System (CMS) in several key aspects:

  1. Target Audience and Purpose: CMS platforms are designed primarily for content creation and management, targeting content creators, marketers, and non-technical users. FFB, on the other hand, is tailored for developers, focusing on creating intuitive admin panels for backend systems. This makes it more developer-centric, dealing with data management, system configuration, and backend functionalities.

  2. Customization and Control: While CMSs offer customization mainly in terms of content layout and design, FFB provides deeper control over the interface and interactions with the backend. This includes customizing data displays, user interactions, and integrations with various backend services.

  3. Integration with Backend Systems: CMSs typically handle the content aspect and have limited capabilities in managing complex backend operations. FFB excels in seamlessly integrating with backend systems, offering a more efficient way to manage and interact with databases, server-side applications, and APIs.

  4. Developer Experience: FFB focuses on enhancing the developer experience by providing tools and frameworks that simplify the creation and management of admin panels. This contrasts with the user-centric design of CMSs, where the emphasis is on ease of use for content managers and editors.

  5. Scalability and Flexibility: FFB is designed with scalability in mind, allowing it to handle varying levels of complexity and load. It offers more flexibility in managing diverse backend functionalities, which is often not the focus of traditional CMS platforms.

  6. Open-Source Community and Collaboration: Being open-source, FFB benefits from community-driven development, ensuring continuous improvement and innovation. This community aspect often leads to more diverse and robust features compared to some CMS platforms.

  7. Technology Stack: FFB is typically built with modern technology stacks like React, aligning well with current web development trends and practices, which might differ from the technology stack of many CMS platforms.

In summary, while CMS platforms are content-focused and designed for ease of use by non-technical users, FFB is a more technical tool aimed at developers, focusing on backend integration, customization, and control. This makes FFB a specialized solution for managing backend systems, offering capabilities beyond traditional content management.

Collapse
 
syeo66 profile image
Red Ochsenbein (he/him)

But what is it?

Collapse
 
opensourcee profile image
OpenSource

Thanks, @syeo66 , I realized I forgot explaining it better. Just added above.

Frontend for Backend (FFB) is a development approach that integrates admin panels into web applications, enabling frontend developers to manage and configure backend functionalities more efficiently. This method adds a layer of frontend interfaces - essentially admin panels - that directly interact with the backend. These panels provide a user-friendly way for developers to control and modify backend processes, such as database management, user authentication, and system configurations, without delving into complex backend code. FFB is designed to simplify the overall development process, making it more accessible for those who primarily work on the frontend. By offering a visual and intuitive means to handle backend tasks, FFB streamlines the workflow, making it easier to implement changes and updates. It can expedite the development cycle by allowing quick and straightforward adjustments through the frontend.

Cheers!

Collapse
 
edumi538 profile image
Eduardo Miranda

I've been using headless CMS for a while now, and it's been a game-changer. I believe that the term FFB is cool, but in the end, it's indeed a CMS, just more advanced. In my opinion, it greatly accelerates backend development. I recommend everyone to take a look at Strapi!

Collapse
 
parkerproject profile image
Parker

@edumi538 What problem have you been solving with the Headless CMS, especially in the SaaS? How do you use it? How do you use Strapi

Collapse
 
gitsujon profile image
Moniruzzaman Sujon

React-admin can be a example of this?

Collapse
 
opensourcee profile image
OpenSource

Yes, thanks for mentioning. Good old Wordpress is one (for those using PHP).

Collapse
 
ozzythegiant profile image
Oziel Perez

Directus. That is all

Collapse
 
pavithra_sandamini profile image
Pavithra Sandamini

nice article, thanks for sharing

Collapse
 
opensourcee profile image
OpenSource

Thanks for reading!

Collapse
 
liabilityquek profile image
Harold

Are u referring to headless cms?

Collapse
 
opensourcee profile image
OpenSource

Quite. It’s a bit more than headless cms. It’s the head for the headless cms, to use the expression.

Collapse
 
radoslavkarlik profile image
Radoslav Karlík • Edited

Nothing special but it can also be useful to have for some automation fornon-technical users so they do not need to rely on developers. You can also restrict functionality based on roles etc.

Collapse
 
opensourcee profile image
OpenSource

Yes! Makes all the sense

Collapse
 
olamphzy07 profile image
Olamphzy

An example of Front-end for Backend is using Payload CMS to integrate an existing backend to build project.
I'm using the certain practice on my e-commerce project.

Collapse
 
ortonomy profile image
🅖🅡🅔🅖🅞🅡🅨 🅞🅡🅣🅞🅝

Did you just try to rebrand back-office admin panels?

Collapse
 
litzinger profile image
Brian Litzinger

Can we stop with this trend of giving new names to tried and proven technologies? This article just described a CMS.

Collapse
 
fridaycandours profile image
Info Comment hidden by post author - thread only accessible via permalink
Friday candour

Introducing JetPath: A Lightning-Fast, Code-Saving Node Framework, for Supercharged Server-Side apps! ✨🚀github.com/Uiedbook/jetpath

Collapse
 
mrdulin profile image
official_dulin

FFB, never heard of this concept? Is this created by yours?

Some comments have been hidden by the post's author - find out more