react-three-next
dex-next
react-three-next | dex-next | |
---|---|---|
8 | 6 | |
2,222 | 27 | |
2.0% | - | |
3.7 | 0.0 | |
13 days ago | about 2 years ago | |
JavaScript | JavaScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-three-next
-
React Lazy Loading react-three-fiber component
ps, you can also try https://github.com/pmndrs/react-three-next where we have abstracted this stuff. it gets 100% lighthouse score for performance, accessibility, best practices and seo.
-
Next.js Weekly #4: Vercel Ship, PHP to RSCs, Precedent 2.0, Hot Takes 🌶️
react-three-next
-
Suggestions needed
there's a whole eco system around three in react and next. it starts with react-three-fiber, drei has tons of helpers, and then there's three-next for when you need 100% lighthouse, persisting canvas across routes etc.
-
I built this super nice looking hero section with three/fiber in next.js. I love how easy it was to get such a result.
It’s a good combination, react-three-fiber expresses three in react, react-three-next makes for a good starting template for common issues like persisting canvas between routes. And Vercel is funding both pmndrs and r3f.
-
Using threejs server side?
The team at r3f are doing killer work. Check out this repo for a way to do SSR with their react renderer. https://github.com/pmndrs/react-three-next
-
SSR for ThreeJS? Is there any way to make threejs performant?
you could also check out https://github.com/pmndrs/react-three-next which is a nextjs starter. it gives you almost 100% lighthouse, and it has all these little tricks inbuilt.
-
Three.js works on localhost but not live on my Next.js website
Also check out https://github.com/pmndrs/react-three-next uses react three fiber, which is awesome.
dex-next
- I built a pokedex
-
I build a Pokedex using Next and Tailwind. Links in comments.
Check out the Website and the GitHub. Please leave a 🌟 on GitHub. I'm a beginner and it really motivates me to keep going.
-
I made a Pokedex using NextJS and TailwindCSS. This is my first (serious) project. So any feedback is more than welcome.
This is the GitHub repo. Please leave a 🌟 because it keeps me going.
- I made a Pokedex using NextJS and TailwindCSS. This is my first (serious) project. So any feedback is appreciated.
-
I made Pokédex using NextJS and TailwindCSS. This is my first (serious) project. So any feedback is more than welcome.
This is the GitHub repo.
What are some alternatives?
react-spline - A wrapper to painlessly integrate Spline projects into your React code-space. ☀
nextjs-tailwind-ionic-capacitor-starter - A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor
react-three-arjs - AR.js with react-three-fiber
tailwind-dashboard-template - Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by
react-xr - 🤳 VR/AR with react-three-fiber
code-type - Practice touch-typing with top 1000 keywords of the most popular programming languages.
use-animation - react hook for reactive animations, powered by rxjs
create-frontend-readme - Website to create README files for Github projects
portfolio-22 - My 2022 Portfolio
poke-battle-sim - Phase 1 Group Project - Pokemon Battle Simulator
drei - 🌭 useful helpers for react-three-fiber [Moved to: https://github.com/pmndrs/drei]
portfolio-nextjs - My personal portfolio