CMS resources
Technology insights
Back to Technology insights

Taking your first steps in rapid front-end development with Styleguide

Customized list style in Styleguide UI

In a coupled deployment, Brightspot provides both the back end and the front end. At run time, Brightspot retrieves text and images from the database, and injects those assets into templates. Those populated templates are delivered to the browser along with CSS styling. The combination of templates and styling is called a theme.

Brightspot's standard edition comes with a comprehensive theme that attractively renders the most popular content types in electronic publishing. You can easily customize the included theme to deliver your site's individual look and feel. In addition, publishers can extend the theme to render assets with layouts that range from sparse to jazzy.

The process of customizing a theme is a big part of front-end development. To facilitate that development, Brightspot provides Styleguide, a webpack-based application that previews a theme with mock text and images. As you save your source files, Styleguide's hot reload rebuilds the preview, so you can immediately evaluate any change by reloading the browser page.

The first step in developing with Styleguide is to go through a short beginner's tutorial. This tutorial takes you through the two-step installation process, bringing up Styleguide in your browser, and exporting the theme into a zip file that admins install into Brightspot.

In a coupled front-end/back-end environment, Brightspot provides the theme to render assets. Themes are a set of Handlebars, JSON, and Less files that Brightspot uses at build or run time. Styleguide ...

Styleguide decouples front-end development from back-end development, so front-end developers can independently code templates and style sheets. Because this activity occurs in parallel with back-end development, the time required to deploy an actual site is minimal.

Share
About the Author
Mark is Director, Digital Content at Brightspot. When he's not gleaning insights from various developers from the company, he spends his time cooking new dishes at home with his wife and two hyperactive cats.

Related resources

Brightspot's standard theme includes front-end templates for attractively rendering articles, videos, listicles, promos, and much more. Developers can build on those standard templates to deploy themes that range from simple to extravagant.
Streamlined processes for creating and managing API endpoints are essential, and the technical complexities associated with APIs can often pose challenges. Brightspot provides a proven, field-tested UI for intuitively designing API endpoints.
A common task in web application development is deploying API endpoints that are managed by application admins—a situation that may introduce errors into a production environment. Brightspot’s native classes facilitate the deployment of robust and secure endpoints.
As a technical leader, finding the right CMS for your organization will require flexibility, and that isn’t always easy for some platforms.
Brightspot CMS can easily and rapidly become the missing piece of the puzzle in your tech stack, built to be highly extensible in a way that can connect the dots and solve the very specific gaps that you have.
Navigate the complexities of choosing the right CMS from a technical perspective with this comprehensive guide. Learn key considerations like integration, scalability and data privacy to make an informed decision that aligns with your organization's needs.
Let us give you a demo
Hear how Brightspot can turn your digital strategy goals into a reality and see how the lives of your content creators and developers will be changed using our platform.


Request Demo