Loading to white screen on iOS devices, but fixes after a refresh.
Unanswered
Siamese Crocodile posted this in #help-forum
Siamese CrocodileOP
Honestly, am not sure where the error is. There was a recursive loop bug that I thought was the issue but it wasn't that. This only happens on iOS devices as well.
https://xuolynn.net is the site if you want to demo the issue.
Stack:
3js
lanyardapi
tailwindcss
https://xuolynn.net is the site if you want to demo the issue.
Stack:
3js
lanyardapi
tailwindcss
63 Replies
Siamese CrocodileOP
also lowkey is a biggish issue since 60 percent of my page visits are from ios according to analytics
Daggertooth pike conger
im not really understanding this
i tried it on my ios device and it worked perfectly fine
no issues
@Daggertooth pike conger i tried it on my ios device and it worked perfectly fine
Siamese CrocodileOP
what 😭
now i really dont know the issue
Daggertooth pike conger
yh
Siamese CrocodileOP
what browser are you using?
Daggertooth pike conger
i have an iphone and i opened it
i can try all my browsers
rq
Siamese CrocodileOP
okay
Daggertooth pike conger
one sec
Siamese CrocodileOP
safar and arc happen for me
Daggertooth pike conger
Arc - Fine
yh
i opened it on arc
no problems
Siamese CrocodileOP
yeah i got no clue anymore
happens for me on 14 pro max with arc and latest ios
Daggertooth pike conger
have u tried just reinstalling one of ur browsers
Siamese CrocodileOP
its not isolated issue
like i asked and a lot of ppl said they encoutered same one
it could be the threejs? but i’m not too sure about that either
Daggertooth pike conger
odd
yourbest bet it to just debug
comment out your components component by componenet and maybe see if theres an issue
wait
are you possibly hiding errors in your globals.css
Siamese CrocodileOP
i don’t have global css
Daggertooth pike conger
see if there may be an error your hiding
o
Siamese CrocodileOP
using tailwind and vite
Daggertooth pike conger
oh alr
wel
Siamese CrocodileOP
there are like webgl console messages but idk wat that is
or how to fix either
Daggertooth pike conger
i dont think this server is for vite
discord.gg/vite
Siamese CrocodileOP
ohhh
ty
i honestly thought vite and next were the same thing
Daggertooth pike conger
np
no
nextjs is a full-stack react framwork designed for building server-side rendered and statically generated websites but with bite its a fast build tool and development server that focus on providnig an ultra fast development experience with modern javascript frameworks
Vite is powering almost every front end framework except Next.js, next is using webpack.
Daggertooth pike conger
yh ^^
Siamese CrocodileOP
nextjs is a framework for the react framework
and vite is?
Siamese CrocodileOP
like it doesn’t do anything but set up the environment?
Daggertooth pike conger
next-js is a full stack react framework but vite is a build tool and development server
Siamese CrocodileOP
ah got it
Daggertooth pike conger
it would be quite difficult to help you here because they are quite different, for example: the issues, configurations and features differ significantly
Look:
Vite is basically setting up an “Vanilla React” environment like “create-react-app” did time ago, it’s basically a stater pack template that leaves you in control of what dependencies use for data fetching, routing etc, it just provides the bundling and tooling for your React App. ‼️But important: IT’S NOT A FRAMEWORK
On the other hand, Next is a full stack framework, meaning it comes with built in solutions for data fetching, routing, and more. Plus all the bundling and tooling features out of the box.
Vite is basically setting up an “Vanilla React” environment like “create-react-app” did time ago, it’s basically a stater pack template that leaves you in control of what dependencies use for data fetching, routing etc, it just provides the bundling and tooling for your React App. ‼️But important: IT’S NOT A FRAMEWORK
On the other hand, Next is a full stack framework, meaning it comes with built in solutions for data fetching, routing, and more. Plus all the bundling and tooling features out of the box.
Daggertooth pike conger
yh
Siamese CrocodileOP
hmm oaky
kinda off topic from original post but what kind of application benefits from nextjs?
i think ill try and learn next
@Siamese Crocodile kinda off topic from original post but what kind of application benefits from nextjs?
A website that needs good SEO and server rendering as a default.
- a blog
- landing page and docs for a tool/app
- e-commerce with lots of static data but also requires interactivity, for an e-commerce next.js shines
- a start-up
For mainly client side apps Vite + React or React Router v7 might be better, you don’t need the full Next.js features
- a blog
- landing page and docs for a tool/app
- e-commerce with lots of static data but also requires interactivity, for an e-commerce next.js shines
- a start-up
For mainly client side apps Vite + React or React Router v7 might be better, you don’t need the full Next.js features
Siamese CrocodileOP
sounds good
will use nextjs when i create my million dollar start up