Back to workbench
Live

Granite
Glitch
Studio.

A rapid-deployment portfolio website built over a single weekend for a digital design studio. Powered by Next.js and AntiGravity, it serves as a sleek digital storefront that doesn't compromise on speed, SEO, or user experience.

Granite Glitch Studio
Fig. 01 — Digital Storefront
// 01 · Stack
Next.jsAntiGravityHTMLCSSJavaScriptSupabaseResendImageKitGoogle Analytics 4
// 02 · Idea

Vibe Coding at Speed.

The concept was to execute a lightning-fast build relying on creative momentum. Using AntiGravity to 'vibe code' alongside Next.js, the aim was to prove that ultra-fast turnarounds can still deliver highly tailored, professional results.

// 03 · Goal

Launch in 48 Hours.

The objective was to launch a complete, visually striking portfolio over a single weekend. It needed a robust backend to handle operations, capture leads, and provide a lightning-fast experience to instil immediate client confidence.

// 04 · Approach

Lean Stack & Frictionless Workflow.

Following a Lean methodology, I prioritised core features and entered a flow state to vibe code the app. Supabase and Resend handled the backend and automations, ImageKit served media efficiently, and GA4 tracked engagement from day one.

// 05 · Outcome

Media-Optimised Live Portfolio.

The result is a responsive, enterprise-grade site showcasing the studio's services. Despite the strict weekend sprint, the platform boasts dynamic showcases, optimised loading, and seamless contact automations that actively drive inquiries.

Project gallery.

8 images · View the details

01 / Featured view

Selected project

A Burrow Community Shop project card with a laptop mockup and a view-project link.

02

Project invitation & footer

A bright yellow Ready to build invitation above the studio footer, navigation links and services list.

03

Contact form

The studio contact page with enquiry fields, a service selector, location and response-time information.

04

Services accordion

An expanded web design and development service above collapsed digital learning, motion graphics and graphic design sections.

05

Support options

Three support cards for a new website project, ongoing maintenance and one-off support.

Showing 5 of 8 images

// 07 · Takeaways
  1. 01

    Vibe coding with AntiGravity maintains creative momentum.

  2. 02

    BaaS tools like Supabase eliminate infrastructure setup.

  3. 03

    Strict timeboxing guarantees a functional, high-value delivery.