Inside Rafter

Journal: Building Interfaces with Tailwind UI

⚠️ Warning: This is a journal, meaning it's not polished or edited like regular blog posts. You can follow along with these unstructured thoughts as I build Rafter. I'll probably follow them up with nicer, succinct blog posts in the future.

I’m building the interface of Rafter with Tailwind UI! Follow along.

April 22, 2020

Here’s what I have so far!

Dashboard, v1

I’m using the Dark nav with white page header layout from Tailwind UI. I really like this so far - it’s concise and it seems like it will be brandable to whichever color/font selections I might eventually want to use.

My main focus so far has been on the Project/Environment page:

Project, v1

My biggest inspirations so far have been Vercel (fka Zeit):

Vercel 1

And Laravel Vapor:

Vapor 1

  • I really like the simplicity of Vercel
  • Vapor places a big emphasis on the concept of an Environment. I’m torn - it feels like an extra step to send the user through a list of environments before selecting an “environment detail” which is more like the “project detail” page in Vercel
  • As a compromise, I think I’ll redirect the user to live on the production environment by default.
  • Heroku does some interesting things here, but it’s a little more closely tied to the concept of a “pipeline”

A blog about building Rafter, a serverless deployment platform. Posts by Josh Larson. Follow Josh on Twitter for updates.

Get Rafter news in your inbox

Powered by Buttondown.