Arkives

I started Arkives as a personal project to learn Next.js. The goal was to make something technical enough to push me into the deeper parts of the framework, but also build something I would actually use.
Arkives whiteboard clipping app interface built with Next.js
At the time I was planning a trip to Japan and collecting locations, blogs, and images in Figma.
Copying content between browser tabs and Figma got tedious fast. There was no clipper extension for Figma, so I decided to build one myself.
Browser tabs overload problem when collecting travel research
I got ambitious and added a full whiteboarding canvas alongside the extension. Really it was just an excuse to force myself to use Next.js for a real project.
The main feature I wanted was to copy the source URL alongside the image. My existing Figma workflow required copying the image first, then going back for the URL.
The Chrome extension attaches a button to large images on any webpage. Hovering over an image reveals the button, and clicking it opens a panel to clip it directly to your board.
One thing I appreciated about Next.js was how server components made it easy to wrap auth and business logic around specific features. Also, sharing types across server and client made the dev experience pretty enjoyable.
I've unhosted this project to save on costs. If you'd like to see a demo, reach out via email ↗ or LinkedIn ↗.