ATSNEE School Website

Sep 2024 - Oct 2024
...
screenshot

A responsive platform built with Next.js, Tailwind CSS, and Payload CMS. It emphasizes accessibility, performance, and user experience, delivering seamless navigation and dynamic content to over 5,000 visitors, including students and parents.

Key Achievements

Achieved over 5K+ visitors and 30K+ search appearances through optimized SEO and performance. Integrated Payload CMS for dynamic content and ensured accessibility with a fully responsive, modern design.

Used Technologies & Frameworks

  • Core Frameworks & Libraries: Next.js 15, React 19, TypeScript
  • Styling & UI: Tailwind CSS, Framer Motion, Radix UI, Material Tailwind
  • CMS & Backend: Payload CMS, MongoDB, GraphQL
  • State & Data Management: React Query (TanStack), Zustand, Zod
  • Image & Media Handling: Sharp, React Image Gallery, Vercel Blob Storage
  • Forms & Validation: React Hook Form, Zod, Payload Form Builder
  • SEO & Utilities: Next Sitemap, Payload SEO Plugin, Date-fns, Day.js
  • Build & Development: PostCSS, ESLint, Dotenv, TypeScript

Technologies

Next.js
AWS S3
Tailwind CSS
Responsive Design