createSSRApp() Create an SSR App
Last updated: 2026-10-22
createSSRApp() Create an SSR App
createSSRApp() matches createApp but hydrates server-rendered HTML instead of re-rendering it.
| Group | Global API |
|---|---|
| Kind | API |
| Scope | Global |
| Vue Version | 3.0+ |
| SSR Support | Yes |
📝 Syntax
const app = createSSRApp(App)
app.mount("#app") // hydrates rather than rebuilds⚙️ Arguments
| rootComponent, rootProps? | Same as createApp (root component plus optional props) |
|---|
Returns：An app instance
▶ Example
Edit the code below and see the live result:
Output：
The console logs the call; in real SSR the server HTML is taken over.💡 Key Points
ℹ️ Note Hydration demands matching server and client output.
⚠️ Warning Non-deterministic data breaks hydration.
💡 Tip SPAs use createApp; SSR projects use this one.
🏷️ Related Global API
💡 Related Cases
More case studies coming soon.
📚 Related Tutorials
❓ FAQ
Q Difference from createApp?
A createApp rebuilds; createSSRApp reuses server DOM.
Q What if I use the wrong one?
A createApp on SSR pages throws away server HTML and flickers.
Q Do SPAs need it?
A No.
