This guide is designed to give you an overview of Frontstack. Dive into the essentials section to learn more about the different features and concepts.
Frontstack promotes a design-first approach. Define blocks based on your UI design to decouple frontend from backend. Use mock data to test your frontend before the backend is ready.
1
๐จ UI Design
A good UI design is the starting point of any ecommerce project, migration
or relaunch.
2
๐ Extract Content Structure
Use the design to extract the content structure and define it using blocks.
3
๐ฎ Mock Data
Use powerful mock data to get started with your frontend application.
4
๐จ Build Frontend
Generate a Client SDK to use the blocks in your
frontend application.
5
๐ Connect to Backend
Connect your blocks to the backend to fetch real data and bring your design
to life.
You start by designing blocks, which are essentially API endpoints that you can use in your frontend application.
Blocks are feature rich and can be used to create simple data structures as well as complex, nested, queryable data.
Since blocks on their own are not very useful, you can create pages that make them discoverable.
Pages are a way to associate routes with blocks and manage language variants.
Frontstack does not enforce any framework or flavor of frontend development.
We are big fans of Nuxt.js, but you can use any frontend framework you want.
Check out the Nuxt.js integration for a quick start.
Once you are happy with your API and frontend, you can ship it to production.
Frontstack offers a release management system to control the release of new features to various environments.