Set up a React Three Fiber boilerplate with Next.js, Tailwind, and TypeScript.
npx skills add https://github.com/verekia/r3f-gamedev --skill verekia-setup
Please help me install this Agent Skill. Skill: verekia-setup Source: https://github.com/verekia/r3f-gamedev/tree/main/skills/verekia-setup Command: npx skills add https://github.com/verekia/r3f-gamedev --skill verekia-setup
Streamlines starting a modern R3F game project by providing a Next.js Pages Router, Tailwind 4, Prettier, and TypeScript boilerplate, reducing setup time and configuration overhead.
Create a new project using Bun to install dependencies and scaffold, then run the build process to generate the static export.
High-intent search queries and answers about installing and using this skill.
This skill scaffolds a Next.js and React Three Fiber project boilerplate by combining the Next.js Pages Router with TypeScript and Tailwind 4. It provides r3f-friendly boilerplate code and utility configurations to accelerate interactive game development.
Yes, you can use Bun to install dependencies for a Next.js Tailwind TypeScript project. The setup process relies on a Bun-based installation workflow to quickly scaffold the static export environment and apply the necessary Prettier and Tailwind configurations.
The best way to configure Tailwind and Prettier for an R3F game project is using a pre-configured boilerplate. This setup includes a global.css, tsconfig, next.config.mjs, and an r3f-friendly types header, ensuring a consistent development layout and tooling.
Yes, this Next.js boilerplate supports static export for React Three Fiber experiences. It is specifically suitable for bootstrapping new R3F game projects that require a static export workflow, allowing you to build and generate static output seamlessly.
Using the Next.js Pages Router for a React Three Fiber project provides a simplified static export workflow tailored for interactive demos. This boilerplate leverages the Pages Router to deliver a consistent tooling layout and r3f-friendly environment without App Router complexities.
jonaspmExecute JavaScript and TypeScript workflows with the Bun runtime and package manager.
sckrollGuide migration from Pages Router to Next.js App Router with layouts and routing.
Arupbiswas09Integrates Three.js and @react-three/fiber into React applications for declarative 3D graphics.
Impertio-StudioConfigures Drei components with React Three Fiber for optimized rendering and interactivity in Three.js apps.
