June 26, 2025Full Stack Project

ACM PDEU Website

A full-stack website for the ACM PDEU Student Chapter with Sanity-managed content, authentication, blog workflows, ISR, and a polished chapter presence.

About

I worked as a member of the ACM PDEU Student Chapter website development team and was assigned to design and develop the application when the chapter was being established.

The website gives the chapter a structured digital presence with content management, authentication, blog publishing, and workflows that allow admins to manage updates without touching code.

Design

I created a raw mock-up for the application so the team had a clear direction before implementation. The design acted as a guide for layout, content hierarchy, and the overall structure of the site.

Features

  • Light and dark mode support
  • Sanity backend connected directly to the frontend
  • Next.js 13 Incremental Static Regeneration
  • Authentication using NextAuth.js
  • Blog content managed entirely through Sanity CMS
  • Blog comments require admin approval before public rendering

Tech Stack

  • Client: Next.js 13, TypeScript, Tailwind CSS, NextAuth.js
  • Server and content: Next.js Server Components, Sanity CMS v3
  • Other tools: React Hot Toast, EmailJS, React Typewriter Effect, Framer Motion

What I Learned

This project strengthened my understanding of real team workflows, CMS-based content architecture, and the practical tradeoffs of static regeneration when content updates are controlled by admins.