Band Website — Live Event Management System (Self-Developed)

  • Next.js
  • Laravel

As part of my band activities, I independently designed, developed, and launched a live event schedule site with a full management dashboard for posting and editing show information.


Tech Stack

  • Frontend: Next.js (TypeScript)
  • Backend: Laravel (API architecture)
  • Infrastructure: VPS with an Nginx setup

Key Features

🎛 Dashboard Designed for Ease of Posting

A clean, intuitive admin interface that balances “quick posting” with “structured information management.”

📱 Mobile-Friendly for On-Site Use

Optimized for lightweight, readable viewing even on smartphones during live events.

🎸 Built for Real-World Operation

This system is actively used as the official schedule page for my band, focusing only on features that matter on the ground.


Technical Challenges & Solutions

TypeScript × Laravel API — SPA Composition

Implemented a full SPA via Next.js communicating with a Laravel API backend.

VPS Deployment with Nginx

Configured a secure and high-performance environment on a VPS, handling deployment, Nginx configuration, and server hardening.

High Flexibility Beyond CMS/No-Code Tools

Achieved a level of UI freedom and update efficiency difficult to realize with WordPress, Wix, or general CMS tools.


Why I Built It

This project was born from a clear need:

“Existing CMS tools don’t fit our workflow.”
“We need something musicians can update without stress.”

As both the developer and the end user, I built a system that eliminates friction and supports real-world usage at live venues.


Product Demo

You can view the live product through my portfolio.
Feel free to reference it when evaluating my technical ability and problem-solving skills.


URL

https://stackedstate.com

GitHub

https://github.com/kohei0812/stackedstate

Back to Works