Posts tagged with nextjs
- Advanced Querying with Prismic Slice Machine & Next.js
Jul 24, 2021
reactprismicnextjsFetching additional data with Prismic Slice Machine can be tricky. Here are some solutions.
- Build a 3D Ecommerce Landing Page with Next.js, GSAP, Three.js and Prismic
Sep 4, 2024
coursenextjsthreejsgsapprismicecommerceA 6-hour course on designing and building Fizzi, a fictional soda brand with a scroll-animated 3D landing page in Next.js 14, featuring a floating Three.js can, synchronized bubble particles, a diving-can hero, and explicit mobile and 3D performance tuning.
- Build a Dark Modern Animated Website with Next.js 14, GSAP, Prismic and TypeScript
Mar 15, 2024
coursenextjsgsaptypescriptprismictutorialA 5.5-hour course on designing and building Glisten AI, a dark-mode SaaS marketing site in the style of Linear, Raycast, and Clerk, built in Next.js 14 with GSAP-driven hero and integration animations, Prismic slices, and the full path from Figma to production.
- Build an Ecommerce Keyboard Website with Three.js, Next.js 15, GSAP, and Prismic
Sep 9, 2025
coursenextjsthreejsgsapprismicecommerceAn 8.75-hour course on designing and building Nimbus Keyboards: a Next.js 15 and Prismic ecommerce site featuring a scroll-driven 3D keyboard, a color-customization slice, an interactive switch playground, and a working Stripe checkout.
- Create a Stunning 3D Animated Portfolio Website with Next.js, Three.js, GSAP, and Prismic
Dec 28, 2023
coursenextjsthreejsgsapprismicportfolioA 5-hour course on designing and building a 3D animated developer portfolio in Next.js with react-three-fiber, GSAP letter-by-letter hero animations, a scrolling tech marquee, sound-effect navigation, and a Prismic-driven job experience section.
- Create a stunning luxury website with Next.js 15, GSAP, Prismic, and TypeScript!
May 16, 2025
coursenextjsgsaptypescriptprismictutorialA 6-hour course on building Côte Royale, a luxury fragrance landing page in Next.js 15 with choreographed GSAP reveal animations, accessible motion via matchMedia, smooth View Transitions between fragrance pages, and lazy-loaded video, all driven by Prismic's headless page builder.
- Did they fix Next.js?
Oct 24, 2025
web-dev-newsnextjsThe internet went down, Next.js fixed caching again, and Claude got mad skills.
- Learn Next.js 15, GSAP, Three.js and Prismic to build a 3D skateboard website!
Jan 3, 2025
coursenextjsthreejsgsapprismic3dA 9.5-hour course walking through the design, build, and deployment of Suburbia Skateboards: a Next.js 15 marketing site paired with a real-time 3D skateboard customizer in react-three-fiber, with design state synced to the URL for shareable configurations.
- Next.js Full Website Tutorial Course - with Prismic, Tailwind, and TypeScript
Aug 14, 2023
coursenextjstypescripttailwindprismicaiA 5.5-hour foundational course on building a production Prismic and Next.js site, covering slice architecture, repeatable fields, content relationships, a testimonial custom type driven by relations, and the reusable primitives (Bounded, Button, Heading, RichText) that recur across my later courses.
- Making a Page Builder with Next.js, Storybook, and Prismic
Jul 31, 2022
prismicnextjsstorybookpage-builderlive-codingI went on my good friend Ben Myer's stream to show them how to create a headless page builder with Prismic, Next.js, and Storybook!