DEV Community

Cover image for Skip the Dashboard
Wade Zimmerman
Wade Zimmerman

Posted on • Updated on

Skip the Dashboard

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!

Top comments (0)