Build a 3D Portfolio with React Three Fiber - Blender Baking

In this second chapter, we will:

  • create an office room with Blender
  • furnish it with free 3D assets
  • load it into our threejs scene
  • bake the lights and shadows into one single texture
  • use this texture in our react three fiber project

Get the starter pack here 🔗

Our main inspiration for the final portfolio

threejs #r3f #blender

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

Final source code

Poly Haven PBR Textures


Blender Donuts Tutorial

Blender Room tutorial

Free 3D Assets

React Three Fiber documentation

R3F Drei