Search for a command to run...
Save. Search. Share.
I'm a software developer based in the United Arab Emirates 🇦🇪. I enjoy coding open-source projects that solve unique, out-of-the-box problems. I love combining my hobbies like design, coding and building various cool projects with Raspberry Pi and IoT. Obsessed with Automation and Software Development.
No comments yet. Be the first to comment.
Learn more about Hashnode AI
Originally published on DevDojo Authentication is the most thing that a user does on a website, logging in or out, and it's necessary to take your application's authentication to the next level with password-less authentication. 🚀 This article will...
Learn more about the role of AI in debugging in the future
ChatGPT is a state-of-the-art language model developed by OpenAI. It is a deep learning model trained on a vast amount of text data, allowing it to generate human-like text and respond to text-based inputs. It is considered one of the most advanced l...
Ever copy-paste the same snippet for the hundredth time, that you just hated it? We’ve all been there—digging through old projects, Slack threads, or random gists just to grab that one regex or API helper.
Meanwhile, sharing snippets with teammates? Still a screenshot or a mess of copy-paste jobs.
Meet recode. Your always-on snippet HQ built for busy developers.
A few weeks back, the idea hit us during yet another frantic search through terminal history:
Why are we still treating snippets like disposable notes?
What if we had a dedicated, beautiful space to save, search, tag, and reuse snippets instantly—without losing structure or syntax highlighting? That’s how recode was born. 🔥
Drop in a snippet, give it a home, and reuse it everywhere. 🚀
Here’s how it all comes together:
Add – Paste your snippet, name it, pick a language, drop in tags.
Save – recode stores it securely in Appwrite Databases with secure permissions.
Find – Use tag filters, instant search, or command palette to surface snippets in milliseconds.
Reuse – Copy, share, duplicate, or edit right from the dashboard.
Need to see it in action? In just one session we migrated our crustiest clipboard history into a polished snippet library—and never looked back.
Export your snippet library as a single JSON file for backups, sharing, or migration. Importing validates and normalizes entries, lets you review changes, and preserves tags, languages, and timestamps. ❤️🩹
Quick UX
Example JSON (array of snippets):
[
{
"title": "Readable snippet title",
"code": "// raw code as a single string",
"language": "typescript",
"tags": ["ui", "hooks"]
}
]
title (string) – required.code (string) – required.language (string) – optional; when omitted we auto-detect the language during import.tags (string array) – optional; defaults to an empty list when missing.Any invalid entries are skipped; you’ll get a toast with the number of imported snippets once processing completes.
Real-time feel with server-first data.
Appwrite’s Tables API is powerful, but keeping the UX snappy meant carefully batching calls and normalizing responses for React state.
Securing user data without slowing them down.
We leaned on Appwrite Auth for email flows but built custom guards to keep snippet access fast and private.
Turning static content into an engaging workflow.
Snippets needed to feel “alive.” Animations powered by Framer Motion add just enough delight without slowing down productivity.
We wanted a serverless stack with solid auth, a modern UI pipeline, and rapid iteration:
Appwrite Cloud handles authentication, database (Tables), permissions, and storage.
Next.js 15 App Router powers routing, streaming, and SEO.
Appwrite SDK keeps client/server logic tightly integrated with typed responses.
Next.js 15 – App Router, server components, route groups.
TypeScript – End-to-end types, safer Appwrite SDK usage.
Tailwind + shadcn/ui – Rapid iteration with polished, accessible components.
Framer Motion – Page/page transitions, modals, subtle feedback.
Appwrite – Auth, TablesDB, Realtime (coming soon for collaboration).
Radix UI + Lucide – Accessible primitives and sharp iconography.
Zod – Validation for snippet payloads and forms.
We’re wrapping up a lightweight API so you can sync snippets directly from your editor or CI.
# prototype CLI flow
recode login
recode snippet add ./handlers/fetchData.ts --tags utils fetch nextjs
recode snippet search auth --copy
Watch the repo—API keys and SDK docs are on deck.
Ship small, ship often.
You don’t need a 10x feature—just make the next commit undeniable.
Let recode handle the snippet chaos, so you can stay focused on building the future.