We’re building a modern, high-performance web application using Next.js (App Router) with a
strong emphasis on scalability, clean architecture, and developer experience.
Below is our stack
and the expectations we set for contributors.
■ Core Technologies
• Next.js (v14+) – SSR, SSG, API routes, App Router support, optimized performance.
• TypeScript – Type-safe, scalable, and maintainable development.
• React (v18+) – Component-based UI with concurrent rendering support.
■ State & Data Management
• React Query (TanStack Query) – For API syncing, caching, and server-state management.
• Zustand – Lightweight, composable client-side state.
• Redux Toolkit – Predictable, centralized global state when needed.
■ Form Handling & Validation
• React Hook Form – High-performance form state management.
• Zod – Schema validation with built-in TypeScript inference.
■ Authentication
• NextAuth.js – Secure auth with credentials + OAuth (Google, GitHub, etc.).
■ UI/UX Design System
• ShadCN/UI – Accessible, reusable components built with Radix + Tailwind.
• Tailwind CSS – Utility-first styling for fast, consistent UI implementation.
■ Development Tools & Practices
• Axios / Fetch API – For structured API calls.
• ESLint & Prettier – Enforced code quality and formatting.
• Environment Variables – Securely managed.
• Git & GitHub – Version control and team collaboration.
• App Router Architecture – Clean modular folder structure (per Next.js best practices).
■ Bonus / Nice-to-Have Skills
• Framer Motion – Declarative animations & transitions.
• GSAP (GreenSock) – Advanced animation control with timelines.
■ Expectations from Frontend/UI Engineers
• Expertise in Next.js, React, and TypeScript.
• Deep understanding of React Query, Zustand, and optionally Redux Toolkit.
• Familiarity with NextAuth.js for authentication flows.
• Strong design sense; capable of building polished UIs using ShadCN/UI and Tailwind CSS.
• Ability to write clean, modular, and type-safe code aligned with scalable architectural principles.