# kiranism.dev

> A minimal, pixel-perfect dev portfolio and blog to showcase my work as a AI-First Fullstack developer.

- [About](https://kiranism.dev/about.md): A quick intro to me, my tech stack, and how to connect.
- [Experience](https://kiranism.dev/experience.md): Highlights from my career and key roles I've taken on.
- [Projects](https://kiranism.dev/projects.md): Selected projects that show my skills and creativity.

## Blog

- [Next.js Shadcn Dashboard Starter](https://kiranism.dev/blog/next-shadcn-dashboard-starter.mdx): Why I built one of the most popular free Next.js admin starter templates. The philosophy, the mistakes I was trying to avoid, and the stack it runs on today.
- [What The Link: How I AI-fied My WhatsApp](https://kiranism.dev/blog/what-the-link.mdx): How I built a WhatsApp-powered bookmark manager with semantic search using Baileys, TanStack Start, Hono, Drizzle, SQLite, and Gemini embeddings.
- [Efficient Type-Safe Server Actions in Next.js with ZSA](https://kiranism.dev/blog/efficient-type-safe-server-actions-in-nextjs-with-zsa.mdx): TL;DR: Discover how to implement type-safe server actions in your Next.js application using zsa or next-safe-action. This guide focuses on zsa, offering a clear approach to integrating type safety, validation, and error handling.
Introduction to Type...
- [How to Optimize Your React Application for SEO: Tips and Tricks](https://kiranism.dev/blog/how-to-optimize-your-react-application-for-seo-tips-and-tricks.mdx): With more and more web applications being built using React, it is crucial to ensure that they are optimized for search engines. However, setting up SEO for React applications can be challenging due to the dynamic nature of client-side rendering. In ...
- [Mui with Tailwind CSS](https://kiranism.dev/blog/mui-with-tailwind-css.mdx): What is Mui?
Mui aka material UI is a React UI library that complements React for a fast build. It comes with pre-built React components and a default Material Styled Theme(which is very common in Google products). We can either keep the default them...
- [Things you should do before pushing React app to production](https://kiranism.dev/blog/things-you-should-do-before-pushing-react-app-to-production.mdx): After all the hustles finally you are ready to push the react app to production and you wonder what are the things to take care before pushing local development code to a production server, lets check out
Environment variables
React imports environme...