thedarkartist.in

This is the story of how I built 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!