This project uses layouts, brought from this documentation. It adds an additional function to components, which is then passed on to _app.tsx, where it is parsed and rendered.
Turns out, Three.js dies when I add multiple canvases to the page. Research is further needed.
Due to the way WebGL renders transparent objects, it sort of creates a "void" within the object. See more on renderOrder and depth writes
Since the website uses states for route changes, history operations like "Go Back" do not work properly. A theoretical fix would be to create a route hook.
Blobs are very important; they live on (almost) every single page. I included them in the project because they make the website more aesthetic.
I love animated websites that are fast and responsive. This was my goal for this project.