OWolf

AboutBlogProjects
©2025 OWolf.com

Privacy

Contact

Web Development

The 60 Second Film Festival

October 1, 2024

O. Wolfson

Designing a Global Micro-Cinema Platform

Overview

The 60 Second Film Festival is an international showcase of one-minute films from independent creators around the world. As both Festival Director and Developer, I designed and built the site to reflect the values of the festival: brevity, creativity, and accessibility.

The festival began as a response to the question: "What happens when you give talented filmmakers just 60 seconds to tell a story?" The results, as we’ve discovered, are consistently surprising, often hilarious, and always engaging.

From a technical perspective, the platform is more than a simple brochure site—it’s a fast, dynamic system to manage content, event data, submissions, and media-rich film showcases.


Project Goals

  • ✅ Represent the festival’s philosophy of constrained creativity
  • ✅ Show past and upcoming screenings and featured films
  • ✅ Provide a smooth submission process for filmmakers
  • ✅ Manage festival operations with modern, low-overhead tools
  • ✅ Ensure a visually engaging and performant experience on all devices

Technical Architecture

🧱 Framework & Core Stack

  • Next.js 14 (with appDir support) for optimal rendering performance, routing, and static generation
  • React 18 and TypeScript for component safety and reusability
  • Tailwind CSS for rapid UI development with a strong focus on layout and accessibility
  • Cloudinary integration (@cloudinary/react) to handle optimized, responsive film stills and poster images

🗃️ Backend & Data Layer

  • Supabase for authentication, session handling, and dynamic form data (e.g., sign-ins, filmmaker participation)
  • Airtable powers lightweight internal CMS and film database (ideal for showcasing entries and managing jury workflows)
  • MDX + gray-matter for managing long-form content like the festival's story, history, and philosophy
  • SendGrid handles transactional emails (submission confirmations, event info)

🛠️ Functional Features

  • Film Submission Flow: Built with react-hook-form and zod for real-time validation and async upload support
  • Cloudinary Upload Presets: Auto-transforms thumbnails and embeds for fast loading on mobile
  • Static + Dynamic Routing: Past events and film archives are statically generated from MDX, while interactive sections (e.g., future events, sign-ins) rely on Supabase + client state
  • SEO-Ready Sitemap: Generated via next-sitemap on postbuild

Developer Notes

json
"scripts": {
  "dev": "next dev",
  "build": "next build",
  "postbuild": "next-sitemap"
}

The project is built with performance and portability in mind. Everything deploys serverlessly. Most content is static, but anything dynamic (like participation forms) uses Supabase or Airtable via API clients. Media is lazily loaded through Cloudinary CDN.

Dev tools include:

  • TanStack React Query for caching async data
  • rehype-highlight and rehype-slug for syntax and anchors in MDX pages
  • ESLint + TypeScript strict mode for safe deployments

Real-World Reach

Since its debut in 2017, the 60 Second Film Festival has:

  • 🎬 Screened hundreds of short films across multiple continents
  • 🌎 Hosted events globally in cities including Bangkok, San Francisco, and Berlin
  • 🏆 Awarded cash prizes and equipment to filmmakers
  • 💻 Attracted thousands of visitors and participants to its online platform

The site supports both casual browsers and serious submitters, while remaining lightweight and scalable.


Future Directions

  • Juror Dashboard with secure access to submissions and scoring
  • Viewer’s Choice Voting System with Supabase row-level permissions
  • Interactive Film Showcase with filters by genre, country, year
  • Festival Timeline built on MDX + Airtable to visualize years and events

Philosophy in Practice

This festival celebrates brevity as a storytelling superpower, and the web platform follows the same philosophy:

"Constraints make us more creative."

From a technical standpoint, I’ve kept the system lean, modular, and creator-focused—just like the films themselves.

"When you ask talented filmmakers to create films lasting 60 seconds or less, the results are often hilarious. Sometimes they're touching or scary, but always entertaining." — Oliver Wolfson, Festival Director


Final Thought

The 60 Second Film Festival isn’t just about making short films—it’s about building an ecosystem where art, tech, and community converge. As the web developer, I’ve ensured that the platform can grow with the vision, while remaining performant and expressive.

This is cinema at its most condensed—and coding at its most intentional.