Uses

A comprehensive overview of the technologies, tools, and hardware I use to build modern web applications and manage my development workflow.

Core Technologies

Next.js
14.0.3

React framework with App Router for server-side rendering, static site generation, and full-stack capabilities

React
18.x

JavaScript library for building user interfaces with component-based architecture

TypeScript
5.x

Typed superset of JavaScript that compiles to plain JavaScript for better development experience

Tailwind CSS
3.3.0

Utility-first CSS framework for rapidly building custom user interfaces

React Markdown
9.0.1

Markdown component for React that safely renders markdown as React components

next-themes
0.2.1

Perfect dark mode in 2 lines of code. Support System preference and any other theme!

Vercel

Frontend cloud platform for static sites and serverless functions with global CDN

Git

Distributed version control system for tracking changes in source code

Frontend Development

Technologies and frameworks used for building the user interface and user experience

Next.js
Featured
14.0.3
Framework
Visit Website
React framework with App Router for server-side rendering, static site generation, and full-stack capabilities

Why I use it: Provides excellent developer experience with built-in optimization, routing, and deployment features

React
Featured
18.x
Library
Visit Website
JavaScript library for building user interfaces with component-based architecture

Why I use it: Industry standard for building modern, interactive web applications

TypeScript
Featured
5.x
Language
Visit Website
Typed superset of JavaScript that compiles to plain JavaScript for better development experience

Why I use it: Provides type safety, better IDE support, and improved code maintainability

Tailwind CSS
Featured
3.3.0
Styling
Visit Website
Utility-first CSS framework for rapidly building custom user interfaces

Why I use it: Enables rapid prototyping and consistent design system implementation

Framer Motion
10.16.4
Animation
Visit Website
Production-ready motion library for React with declarative animations

Why I use it: Provides smooth, performant animations that enhance user experience

Radix UI
1.0.2
Components
Visit Website
Low-level UI primitives with accessibility, customization and developer experience in mind

Why I use it: Ensures accessibility compliance and provides unstyled, customizable components

shadcn/ui
Components
Visit Website
Beautifully designed components built on top of Radix UI and Tailwind CSS

Why I use it: Accelerates development with pre-built, customizable components

Lucide React
0.292.0
Icons
Visit Website
Beautiful & consistent icon toolkit made by the community

Why I use it: Provides consistent, high-quality icons with React components

Tech Stack Overview

Frontend

Next.js 14 with React 18, TypeScript, and Tailwind CSS for modern, type-safe development

Performance

Optimized images, fonts, and animations with Framer Motion for smooth user experience

Deployment

Vercel hosting with global CDN, automatic deployments, and built-in analytics

Quality

ESLint, Prettier, and TypeScript for code quality, consistency, and type safety

Questions About My Setup?

Feel free to reach out if you have questions about any of the tools or technologies I use.

Get In Touch