Nasriflix turns Nasri’s Notion talks, workshops, and events into a portfolio people can browse like a Netflix catalogue, rather than a forgettable list of speaking engagements.
What Nasriflix is
Nasriflix is a Netflix-style portfolio for Nasri’s speaking and community work. Each event has a visual card, a short introduction, and, where available, a fuller story, video, and photo gallery. The experience brings the energy of each room and event to the surface, while keeping the underlying content organised in Notion.
The bigger idea is practical: put the truth in one calm place, then let a polished public surface render it. Nasriflix is the fun, visual layer on top of that system.
What the first version looked like
Version 1 was deliberately simple, fast, and highly visual:
- A dark Netflix-inspired interface, using charcoal black (
#141414) and the signature red (#e50914), with a bold NASRIFLIX wordmark. - A static top navigation and a hero banner with a hardcoded “12 talks & workshops” stat.
- Horizontal, scrollable card rows for Featured Talks & Events, Latest on Stage, Topics I Care About, and Work With Me.
- Real event photography on every card. Cards enlarged on hover, with a deliberately cinematic lift and shadow. The Media Mixer card also showed a muted looping video preview on hover.
- A dark modal opened when a visitor clicked a card. It initially showed a concise summary, then a View more action revealed the full write-up, any embedded video, and a click-to-zoom photo gallery.
How v1 worked behind the scenes
The first release was a single self-contained HTML, CSS, and JavaScript file of roughly 32 KB, with no framework or build step. The talks were stored manually in a JavaScript
talks array, while images lived in the project assets folder. A change to the site meant editing index.html, pushing it to GitHub, and letting Netlify deploy it automatically.That made v1 quick to ship and very fast to load, but it introduced a maintenance gap: talks already existed in Notion, yet each new event had to be copied into the website by hand.
The evolution
Nasriflix has since evolved into a Next.js app that reads the Workshops & Talks database through the Notion API. Notion now acts as the source of truth, reducing duplicate upkeep while keeping the original Netflix-style concept: browsable card rows, rich event detail, video, galleries, and an experience built for discovery.
I also bought nasriflix.com, registered through Porkbun and connected to Netlify, giving the project its own memorable home on the web.
In one line: v1 proved that a portfolio could feel as memorable as the talks themselves. The later Notion-backed version turned that visual idea into a living system.
Made with Bullet