Next.Js Website w/ Custom CMS

Full Stack
Next.Js
TypeScript
Tailwind
Postgres
Prisma ORM
NextUI
Nodemailer

The Media Workshop is a digital arts collective producing video content, interactive digital installations and art.

This project involved building a modern website using Next.js for a client transitioning from WordPress to gain more control and flexibility. Hosted on DigitalOcean, the website utilizes the DigitalOcean CDN to deliver images and videos efficiently.

The website includes a custom dashboard, accessible to the website owners through secure login managed by NextAuth. From the dashboard, they can update all website content, including editing sections and section headers, which can also feature in-depth case studies showcasing their services. Owners can upload images and videos directly to the DigitalOcean CDN, view and delete media when necessary, and even manage messages sent through the website’s contact form via a message center.

The public-facing pages feature a dynamic background video, showreel modals, and well-organized sections that provide clear and engaging content. The project was built with Next.js, TypeScript, Tailwind, Prisma, Postgres, Nodemailer, and hosted on DigitalOcean, providing a scalable and efficient solution for both the client and their users.

View LiveBack
Main_Home-2025-01-17T20-40-15-421Z.webp
Main_Segment-2025-01-17T20-40-10-867Z.webp
Main_Case_Study-2025-01-17T20-40-06-306Z.webp
Main_Contact-2025-01-17T20-40-01-289Z.webp
Dash_Home-2025-01-17T20-39-56-086Z.webp
Dash_Pages-2025-01-17T20-39-50-267Z.webp
Dash_Segment-2025-01-17T20-39-39-928Z.webp
Dash_Case_Study-2025-01-17T20-39-35-065Z.webp
Dash_Messages-2025-01-17T20-39-29-639Z.webp
Dash_Media-2025-01-17T20-39-24-017Z.webp
Dash_Settings-2025-01-17T20-39-18-886Z.webp