Welcome to NarakCODE

NarakCODE is my personal engineering space: a portfolio, writing archive, and component registry for the things I build, refine, and share.

The site is designed to be direct. It shows shipped work, documents implementation details, and keeps reusable interface pieces close to the code that powers them.

Focus

• Product-minded frontend engineering
• Practical full-stack implementation
• Clean, reusable component systems
• Documentation that stays close to real code
• Performance, accessibility, and maintainable UI foundations

Stack

• Next.js 16
• Tailwind CSS v4
• shadcn/ui
• MDX content

Featured

• Clean, modern design
• Light/Dark themes
• vCard integration
• SEO optimized (JSON-LD schema, sitemap, robots)
• AI-ready with /llms.txt
• Spam-protected email
• Installable as PWA
• Analytics with PostHog and OpenPanel

Content

NarakCODE uses a centralized document system powered by MDX:

• Unified content layer for blog posts and component docs
• Category-based content organization
• Raw .mdx endpoints for AI readability
• Syntax highlighting with code blocks
• Dynamic OG images for rich link previews
• RSS feed for content distribution

Registry

The registry is where reusable UI work becomes easy to install, inspect, and adapt. It is powered by the shadcn CLI, with entries structured for real project use.

Each entry is well-documented and includes:

• Live previews and code snippets
• Beautiful, readable code blocks
• One-click command blocks (pnpm, npm, yarn, bun)

License

Licensed under the MIT license. The source code is available on GitHub.

You are free to learn from the code and adapt the patterns. If you publish your own version, make it your own and remove NarakCODE-specific identity, copy, and assets.