Fast Assembled Furniture is a public Next.js website repository for the Berlin-based furniture brand of the same name, which sells modular furniture made from reusable DIN normed boxes. The project combines TypeScript, create-next-app scaffolding, and GraphCMS as a headless CMS to deliver a content-driven marketing, brand, and documentation site for the product line.
What is Fast Assembled Furniture?
Fast Assembled Furniture (FAF) is the official website source code for the Berlin-based modular furniture company. The repository is a Next.js application written in TypeScript, bootstrapped with create-next-app, and uses GraphCMS as its underlying headless CMS to manage editorial and product content. The site serves as both a public-facing brand presence and a living style guide, with a dedicated brand page under pages/brand and a UI component reference at /en/brand/ui.
Key Features
- Next.js framework — Built with Next.js, supporting static site generation, server-side rendering, and API routes located under
pages/api. - TypeScript language — The entire codebase is typed with TypeScript, including page components and data models.
- GraphCMS headless CMS — Content is stored and queried through GraphCMS, using GraphQL for content fetching.
- Brand documentation page — Includes a custom documentation section in
pages/brandfor brand guidelines and design assets. - UI component showcase — The UI documentation at
/en/brand/uipresents the project's reusable components. - API routes — The
pages/apidirectory is mapped to/api/*, allowing serverless functions. - Local development — Run
npm run devoryarn devto start a development server at http://localhost:3000 with automatic page reloads.
Who is it for?
- Furniture and product brands that need a modern marketing site with CMS-driven content and a built-in style guide.
- Next.js developers looking for a real-world example of a TypeScript + GraphCMS integration for a static content site.
- Design and engineering teams that want to maintain brand assets and UI documentation alongside the public website.
What can you do with it?
- Launch a brand site for a modular product line: use GraphCMS to manage product descriptions, editorial content, and brand pages without touching code.
- Study a GraphCMS + Next.js pattern: learn how to structure GraphQL queries, API routes, and typed components in a production-style repository.
- Extend the documentation section: add new brand guidelines and UI component examples by editing the
pages/branddirectory.
How does it work?
Run npm run dev or yarn dev in the repository root to start the Next.js development server on http://localhost:3000. Edit pages/index.tsx to change the homepage, and add API routes in the pages/api directory. The project is set up to work with GraphCMS as the content backend, so content changes are fetched via GraphQL.
FAQ
How do I run this website locally?
Run npm run dev or yarn dev to start the development server. Open http://localhost:3000 in a browser to view the site, and edits to files like pages/index.tsx will hot-reload.
What CMS does Fast Assembled Furniture use?
The site uses GraphCMS as its headless CMS. Content is modeled in GraphCMS and queried through GraphQL from the Next.js front end.
What is the brand page for?
The brand documentation page at pages/brand provides information about the FAF brand identity. Its UI section, viewable at /en/brand/ui, documents the reusable UI components used across the site.
Does this repository include ecommerce functionality?
The repository is tagged with the "ecommerce" topic and includes API routes, but the readme describes no payment, cart, or checkout features. It primarily functions as a content and brand website.
