tda-root

This is the story of how I built the previous version of thedarkartist.in, starting from a simple GitHub Pages site and evolving it into a feature-rich web application. What began as a minimal project now includes a custom-built editor, user authentication, blogging capabilities, user management, an admin portal, and much more.

While the site is still a work in progress, I recently addressed some minor UI fixes, steadily bringing it closer to completion.

The Tech Stack That Runs **thedarkartist.in**

Building thedarkartist.in has been quite an adventure! The site started simple but grew into something much bigger, with cool features like a custom editor, user accounts, and blogging tools. Here’s the tech that makes it all work:

Core Frameworks:

• Next.js: The main framework for building the site.
• React: For all the interactive stuff on the pages.
• TailwindCSS: Makes styling super easy and flexible.
• TypeScript: Helps catch errors while coding.

Form Handling:

• React Hook Form: Makes working with forms smooth and simple.
• Zod: Keeps the data clean and valid.

UI Elements:

• Radix UI: Gives polished components like pop-ups, menus, and tooltips.
• React Icons: Adds nice little icons to the design.
• Embla Carousel: Creates sleek sliders for images and content.

Content Management:

• React Markdown: Turns markdown text into HTML.
• Rehype & Remark: Adds cool extras like code highlights and math formulas.

User Features:

• NextAuth.js: Manages user logins and accounts.
• @vercel/analytics: Tracks how people use the site to make it better.

Extras:

• clsx: Keeps CSS classes tidy.
• Tailwind Merge: Makes Tailwind classes work better together.
• Sharp: Optimizes images for faster loading.
• cuid: Creates unique IDs for things like database entries.

Developer Tools:

• Prisma: Handles the database like a pro.
• ESLint: Keeps the code clean and organized.
• TypeScript: Makes the whole coding process less error-prone.

---

Okay that’s about the stack Let’s talk a bit about how all those things fit together and work, yeah that’s what we should do or what am i gonna write in this post which i might write later real sleepy right now, good night!