me

@ QIR

me

Working @ QIR

  • home
  • about
  • projects
  • stacks
  • posts
  • contact
  • experimental
    • Server Action
    • Date Picker
    • Debounce
    • Recursive Tree

Made with Next.js, Tailwind, Sanity.

Tools I've used... A lot

stack image

JSS

styling

JSS is an authoring tool for CSS which allows you to use JavaScript to describe styles in a declarative, conflict-free and reusable way. It can compile in the browser, server-side or at build time in Node.

stack image

Vite

Bundler

Vite is a blazing fast frontend build tool powering the next generation of web applications.

stack image

AWS

Deployments

The Leading Cloud Platform — Build, Deploy, and Manage Websites, Apps or Processes on AWS Secure, Reliable Network. Sign Up for a Free Account & Experience AWS Secure, Reliable, Scalable Services.

stack image

Github

Repository

Github is a developer platform that allows developers to create, store, manage and share their code.

stack image

GraphQL

API

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.

stack image

Next.js

React Framework

Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation.

stack image

Clerk

User Management

Clerk is a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users.

stack image

Fire Base

Deployment

Build & run modern, AI-powered experiences users love with Firebase, a platform designed to support you throughout your app development journey

stack image

React Query

API

Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular.

stack image

Typescript

Language

TypeScript extends JavaScript by adding types to the language..

stack image

Nx Dev

mono-repo

Build system, optimized for monorepos, with plugins for popular frameworks and tools and advanced CI capabilities including caching and distribution

stack image

Shadcn

UI Framework

Beautifully designed components that you can copy and paste into your apps. Made with Tailwind CSS. Open source.

stack image

tRPC

API

Move Fast and Break Nothing. End-to-end typesafe APIs made easy. Experience the full power of TypeScript inference to boost productivity for your full-stack application.

stack image

AWS App Sync

API

Connect apps to data and events with secure, serverless, and performant GraphQL and Pub/Sub APIs.

stack image

Javascript

Language

JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions.

stack image

Express

API

Fast, unopinionated, minimalist web framework for Node.js.

stack image

Tailwind

Styles

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup

stack image

Supabase

Data Base

Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, Storage, and Vector embeddings

stack image

AWS Lambda

API

Run Code Without Provisioning or Managing Infrastructure.

stack image

AWS Amplify

Deployments

Amplify Brings The Power & Breadth Of AWS Services With Fullstack TypeScript Capabilities

stack image

Material UI

UI Framework

Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.

stack image

Vercel

Deployments

Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web.

stack image

Sanity

CMS

Sanity is the modern CMS that transforms content into a competitive advantage. Customize, collaborate, and scale your digital experiences seamlessly.

stack image

React

Framework

React lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps.