OneCreations Platform
This site — a data-driven portfolio and tutorial platform on Next.js 16.
Solo — design, frontend, tooling, deployment
Next.js 16React 19TypeScriptTailwind v4Zodts-morph
8Content pillars
95+Lighthouse perf
Problem
- Needed a single place to showcase 3D, VFX, drone, and astro work with interactive tutorials — fast, indexable, and cheap to run.
- Content updates had to stay friction-free without paying for or maintaining a CMS.
Approach
- Next.js 16 App Router with server components for SEO-critical pages; content lives as typed TypeScript arrays, so git is the CMS.
- A local-only admin console processes media (sharp → webp, ffmpeg → H.264 with auto poster frames) and appends entries via AST edits — one click typechecks, commits, and deploys.
- Contact form runs as a rate-limited route handler sending through Resend — no separate backend to host.
Outcome
- A single deployable app on DigitalOcean App Platform — the codebase you are looking at right now.
- Adding a project, clip, or capture takes minutes: upload, review the diff, publish.