Skip the Dashboard
Wade Zimmerman

Wade Zimmerman @wadecodez

About: Code by day; blog by night

Location:
California
Joined:
Jun 5, 2021

Skip the Dashboard

Publish Date: Aug 27 '24
1 0

The era of data vomiting robots is plateauing.

Typing like an MC is exhausting.

There are so many tools out there to plan your day!

pokemon ai models

Take a moment to forgive your pet robot and plan a personal hackathon. That is what I did! A day of mindfulness can take the edge off.

Put things into Motion by planning out your hackathon and grabbing a good cup of coffee or hot chocolate!

The task? We are racing against our companions and trying to stretch the $5 "investment" because Wordpress is too expensive.

What can be done?

Pull out all your favorite frameworks and libraries. Be mindful of your AI assistant and give them a break.

Respect how blazingly fast GPTs are.

Skip the todo app. Skip the breadcrumbs. Skip the navigation.

Skip the database. Skip the cloud functions. Skip the containers.

Zen mode begins with a blank page.

We need a prompt.

Start with a simple command pattern:

const commands = {
  'manage:posts': {
    'label': 'Go to posts',
    'action': ['navigate', 'https://example.com/posts']
  },
  'post:edit:1': {
    'label': 'Hello world',
    'action': ['navigate', 'https://example.com/posts/1/edit']
  },
}
Enter fullscreen mode Exit fullscreen mode

From there, add the binds.

const open = false;

useChord(['cmd+k'],() => {
  open = true;
])

useChord(['cmd+k', 'cmd+w'], () => {
  open = false;
})

...
Enter fullscreen mode Exit fullscreen mode

I wanted a search feature so I bootstrapped a combobox:

<ComboBox :items="commands" onSelected="executeCommand" />
Enter fullscreen mode Exit fullscreen mode

Command palette

The perfect navigation features will have to wait.

Zod validates my strongly typed form data.

Zod validation

Add a new key bind to save the form.

const schema = z.object({
  thePost: z.string().min(1),
})

const form = useForm({schema}))

useChord(['cmd+s'], () => {
  form.submit('https://sayless.gg')
})
Enter fullscreen mode Exit fullscreen mode

My prompt includes a simple markdown parsing command that uploads my markdown to the cloud. How long were you in zen mode?

Example markdown post

Thanks for reading!

Comments 0 total

    Add comment