Comments (4)
@JefferyReidKnowde this looks like it might be the same as #19. If so, I'll close this out and we can track the work in the other ticket.
from builder.
Yeah I think this is a combination of requires explanation and possible duplicate. So - what Builder does when you load it is it requests/sends 2 things
- Static prerendered HTML
- JS + JSON to "hydrate" the HTML
Why?
In 99% of cases this is the best option. When in production, and assuming you have caching set to the default or a reasonable number for your traffic load, the prerendered HTML will always be the fastest way to get your Builder content loaded.
But to power anything dynanamic - be it custom code you have added, custom interactions you have added, animation, dynamnic components (e.g. carousel) - you need the JS + JSON to load. So Builder lazily loads this after the HTML - such that the user can see the page almost immediately (adduming it's cached - on staging if you have cache set to something small like 1 you will have to wait for a fresh render every time), and then all interactivity will be adde din shortly thereafter.
This is a very common approach used by Angular Universal, React/Next.js, Gatsby, etc as the optimal way to have fast performing and dynamic pages.
But you have options here
You can set prerender="false"
to only make the JS+JSON request. This will be a tad bit slower in production
Or, you can set hydrate="false"
to only load the HTML, but you can have nothing interactive or dynamic on your pages
All of that said, we have another ticket for a bug in the latest Angular SDK where you experience a flash when the hydration happens that shouldn't happen, and will be fixed with that ticket
Anyway, hope this information helps. Closing this particular ticket as no dev work seems to be needed as we already have the other one #19
from builder.
@ca136 @steve8708 actually setting prerender to false is not working (request is made but nothing is displayed)
from builder.
Thanks for letting us know @lyczos, #36 created to address
from builder.
Related Issues (20)
- Could not open builder-registry.ts in the editor. The editor process exited with an error: spawn code ENOENT. HOT 3
- Algolia link refers to Shopify
- GraphQL error when multiple URL's per page is enabled HOT 1
- Website - Sub-Domain Link Issue - forum.builder.io and playground.builder.io are unavailable to be navigated to in the header. HOT 1
- Critical Usability Issue: Flash of unstyled content in `@builder.io/sdk-svelte` due to Mitosis translation bug HOT 13
- Handy editor of native "Text" component doesn't update it's value (Svelte) HOT 1
- Entry with a list of references does not save
- Update next-js-cms-blog example to App Router HOT 1
- Incorrect email provided HOT 1
- Builder SDK returns `undefined` with NextJS app router
- @builder.io/[email protected] missing lib dir HOT 1
- Builder CLI - ARCHIVE & MODIFY WORKSPACE
- MobX Error Triggered When Selecting Input from Emporix Product Preview Modal List HOT 12
- question: how to add builder.io to a next.js esm config HOT 1
- Fresh installation of `@builder.io/react` throws error HOT 5
- Error in <Content> component when integrating with Qwik HOT 1
- Registering MUI Components in Builder.IO not working with NextJS app router.
- Animations not supported in Svelte SDK HOT 1
- SSG support for builder generated pages HOT 1
- Builder webhook does not work with AWS amplify webhooks.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from builder.