Building the interactive shortcuts keyboard

In this part we will work on building the animated keyboard shortcut component — this will be a lot more work than you might think!

Code on Github
🧑‍💻 🎥
... Almost ready!

What you'll learn

This video is part of a multi part series in which we are going to rebuild Linear's homepage with Next.js 13 and Tailwind. Part one is all about setting up Next.js and Tailwind, and creating the main page structure, the main navigation (including a nice animation on mobile), and the footer. In the next parts we will slowly work down the page and start adding more and more details.