Building an interactive 3D Tag with React Three Fiber and Next.js

Опубликовано: 18 Май 2026
на канале: Epic Programmer
4,960
97

This video was inspired by the Vercel Ship 2024 site, which used digital tickets for events. They had a blog, but it didn't explain how things work behind the scenes in a Next.js app, so we decided to create a clone and show you how it all works. You can use this template to start building your own Next.js apps with React Three Fiber.

Course link: https://bit.ly/3AVgWCN
Blog: https://bit.ly/477PhdU
Source Code: https://bit.ly/47gMUWw
Consider Subscribing: https://bit.ly/3TMXYnO

In this video, you'll learn about:
React and React Three Fiber, a tool for creating 3D graphics with Three.js in React
Drei, a set of components and tools for working with Three.js in React
react-three-rapier, a physics library for adding realistic physics to your 3D scenes
MeshLine, a way to create thick lines using shaders

Business Inquiries: https://bit.ly/3VPDFZA