Brand sites, blogs, content admin

Brand website and content admin

A brand website: a wireframe prototype is clicked through, then the finished site built from it appears; a new post title is written and published in the content admin, and after the static build the post appears in the blog list archived by year; finally the same page switches to French, Chinese and back to English.

  1. Click through the prototype first
  2. Brand site built from the prototype
  3. Edit and publish in the admin
  4. New post, archived by year
  5. Same page in 中 · EN · FR

Present

  1. Brand website

    Story, services and work, published static

    • Astro
    • TypeScript
    • Tailwind CSS

  2. Blog

    Markdown posts, archived by year

    • Astro
    • Markdown / MDX
    • KaTeX

Run

  1. Content admin

    Edit, review and publish in the browser

    • Payload CMS
    • Next.js
    • PostgreSQL

  2. Multilingual

    Chinese, English, French on the same page

    • Astro
    • TypeScript

Try out

  1. Clickable prototype

    Walk the flow before building it

    • React
    • Next.js
    • Tailwind CSS

Related work

Ask about this