Dynamic content
Design one card, connect it to a table, and every row becomes an item on the page.
Step-by-step documentation Connect database rows to lists and item pagesMost sites have a list in them somewhere. Products, posts, team members, events, case studies. Copying a card and editing the text works right up until there are thirty of them and one still has last year's price.
Design one card the way you want it to look. Connect it to a table. Fronty renders one card per row, in your design, and the page changes whenever the table does.
Edit one card. Every item on the page follows it.
Two ways to work on the same content
- As cards, on the page, when what you care about is how it looks — the spacing, the image ratio, how three across becomes one on a phone.
- As a grid, when what you care about is the content: forty rows in a spreadsheet, sortable, filterable, editable in place. Change a cell here and the card on the page changes with it.
What you can build with it
- A blog where each post has a title, an image, a date and a body — and its own page, generated from the row.
- A catalogue with a filter over it.
- A team page that stops being wrong the week someone joins.
A page for each row
A card is enough for a list, but a blog post needs somewhere to live. Name
the column that carries the web address and the same design answers at a
different one for every row — /team/sarah,
/blog/launch-day — without you building a second page.
Each item opens at /team/<slug>
How to do it
- Build the card once, in the editor, exactly as it should look.
- Select it and connect it to a table.
- Map the fields: this heading is the title column, this image is the photo column.
- Add rows by hand or with Suggest data.
Step by step, from an empty table to a page for every row: how to connect a website to a database.
What it costs
Included on every plan, including the free one. What changes is how many tables and rows you get — see the pricing page.
