Update troubleshooting.mdx to include common causes of inflated build size #86
Conversation
… size I am all for promoting paid plans especially with such a generous free tier but including some common issues here could be beneficial.
| - [Metadata Icons](https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons) | ||
| - Assets located outside of the public directory |
There was a problem hiding this comment.
I think it would be great to expand here and probably ref some solutions?
i.e.
What do you mean by "metadata"?
What are "Assets located outside of the public directory"?
There was a problem hiding this comment.
Metadata: I had an icon.png and apple-icon.png that I had followed those docs for and they added almost half a meg and put me over the 3mb limit.
Assets: I’ve dealt with using raw-loader to include files in build before (ie. Custom shaders) and while they aren’t as large, they’re not assets and so would be bundled with the code.
Definitely open to more suggestions for things to add but those are the main ones I ran into/thought of.
Wording could definitely be better on my end.
There was a problem hiding this comment.
Metadata: I had an icon.png and apple-icon.png that I had followed those docs for and they added almost half a meg and put me over the 3mb limit.
2 remarks:
My first question was more if we need "Metadata" in "Metadata Icons"?
We should find a way to move the image to the asset so that they don't count towards the code size limit.
Could you open an issue on the adapter repo with a minimal repro?
Assets: I’ve dealt with using raw-loader to include files in build before (ie. Custom shaders) and while they aren’t as large, they’re not assets and so would be bundled with the code.
Here I think it's important to mention "raw loader" because that's the source of the pb.
For your own problem, maybe it's possible to fetch them from the assets?
There was a problem hiding this comment.
I’ll open reproduction in the morning. It’s an open source site so the commit that initially caused the issue for the icons is here:
SelfhostedPro/AdaptAxe-Site@d942873
I don’t need raw-loader in my current project but thought it would be good to include if others run into it.
I am all for promoting paid plans especially with such a generous free tier but including some common issues here could be beneficial.