Deploying to gh-pages from @ d6a190f 🚀

extension-vs-custom.html

@@ -31,7 +31,7 @@
 </ul>
 <p>In general, we recommend using Vike extensions whenever possible, and falling back to a custom integration only if you have a clear reason to do so.</p>
 <blockquote>
-<p>Vike extensions are highly polished integrations. But they&#x27;re also slightly opinionated and may therefore not fit what you need.</p>
+<p>Vike extensions are highly polished integrations. But they&#x27;re also slightly opinionated and may not fit what you need.</p>
 </blockquote>
 <p>If you aren&#x27;t crystal clear about why don&#x27;t want to use a Vike extension, then the answer is to go with the Vike extension.</p>
 <p>For example:</p>

new.html

@@ -29,8 +29,9 @@
 <p>Apps scaffolded by Bati use <a href="/vike-react"><code>vike-react</code></a>/<a href="/vike-vue"><code>vike-vue</code></a>/<a href="/vike-solid"><code>vike-solid</code></a>.</p>
 </blockquote>
 <h2 id="without-vike-react-vue-solid">Without <code>vike-{react,vue,solid}</code></h2>
-<p>You can also create a new Vike app that doesn&#x27;t use <a href="/vike-react"><code>vike-react</code></a>/<a href="/vike-vue"><code>vike-vue</code></a>/<a href="/vike-solid"><code>vike-solid</code></a>, which means you control the React/Vue/Solid integration.</p>
-<blockquote class="custom-icon type-warning note-color-yellow"><div style="margin-bottom:20px"></div><img style="height: 1.275em; width: 1.275em; vertical-align: -20%" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/v/13.1.1/svg/26a0.svg"/><!-- --> <div class="blockquote-content">Do this only if you have a clear reason for not using <code>vike-react</code>/<code>vike-vue</code>/<code>vike-solid</code>, see<!-- --> <a href="/extension-vs-custom">Vike extension VS custom integration</a>.</div><div style="margin-top:20px"></div></blockquote>
+<p>You can also create a new Vike app that doesn&#x27;t use <a href="/vike-react"><code>vike-react</code></a>/<a href="/vike-vue"><code>vike-vue</code></a>/<a href="/vike-solid"><code>vike-solid</code></a>.</p>
+<p>The following command scaffolds a Vike app with a production-ready React/Vue/Sold integration that lives in user land (whereas with <code>vike-{react,vue,solid}</code> the integration lives at <code>node_modules/vike-{react,vue,solid}</code>). This means you control the integration of React/Vue/Solid (or any other <a href="/ui-framework">UI framework</a>) and modify it to fit your bespoke needs.</p>
+<blockquote class="custom-icon type-warning note-color-yellow"><div style="margin-bottom:20px"></div><img style="height: 1.275em; width: 1.275em; vertical-align: -20%" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/v/13.1.1/svg/26a0.svg"/><!-- --> <div class="blockquote-content">Do this only if you have a clear reason for not using <code>vike-react</code>/<code>vike-vue</code>/<code>vike-solid</code>. See<!-- --> <a href="/extension-vs-custom">Vike extension VS custom integration</a>.</div><div style="margin-top:20px"></div></blockquote>
 <p>With <a href="https://www.npmjs.com">npm</a>:</p>
 <figure data-rehype-pretty-code-figure=""><pre style="background-color:#fff;color:#24292e" tabindex="0" data-language="shell" data-theme="github-light"><code data-language="shell" data-theme="github-light" style="display:grid"><span data-line=""><span style="color:#6F42C1">npm</span><span style="color:#032F62"> create</span><span style="color:#032F62"> vike@latest</span></span></code></pre></figure>
 <p>With <a href="https://pnpm.io">pnpm</a>:</p>

react.html

@@ -32,7 +32,7 @@
 <p>You can also <a href="#custom-integration">integrate React yourself</a> if you want full control over the React integration.</p>
 <h2 id="custom-integration">Custom integration</h2>
 <p>Instead of using <a href="/vike-react"><code>vike-react</code></a>, you can implement your own React integration, giving you full control over the integration of both React and React libraries.</p>
-<blockquote class="custom-icon type-warning note-color-yellow"><div style="margin-bottom:20px"></div><img style="height: 1.275em; width: 1.275em; vertical-align: -20%" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/v/13.1.1/svg/26a0.svg"/><!-- --> <div class="blockquote-content">Do this only if you have a clear reason for not using <code>vike-react</code>, see<!-- --> <a href="/extension-vs-custom">Vike extension VS custom integration</a>.</div><div style="margin-top:20px"></div></blockquote>
+<blockquote class="custom-icon type-warning note-color-yellow"><div style="margin-bottom:20px"></div><img style="height: 1.275em; width: 1.275em; vertical-align: -20%" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/v/13.1.1/svg/26a0.svg"/><!-- --> <div class="blockquote-content">Do this only if you have a clear reason for not using <code>vike-react</code>. See<!-- --> <a href="/extension-vs-custom">Vike extension VS custom integration</a>.</div><div style="margin-top:20px"></div></blockquote>
 <p>Official examples:</p>
 <ul>
 <li><a href="https://github.com/vikejs/vike/blob/main/boilerplates/boilerplate-react-ts">/boilerplates/boilerplate-react-ts</a> - Classic integration, using <a href="/client-routing">Client Routing</a>.</li>

solid.html

@@ -32,7 +32,7 @@
 <p>You can also <a href="#custom-integration">integrate Solid yourself</a> if you want full control over the Solid integration.</p>
 <h2 id="custom-integration">Custom integration</h2>
 <p>Instead of using <a href="/vike-solid"><code>vike-solid</code></a>, you can implement your own Solid integration, giving you full control over the integration of both Solid and Solid libraries.</p>
-<blockquote class="custom-icon type-warning note-color-yellow"><div style="margin-bottom:20px"></div><img style="height: 1.275em; width: 1.275em; vertical-align: -20%" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/v/13.1.1/svg/26a0.svg"/><!-- --> <div class="blockquote-content">Do this only if you have a clear reason for not using <code>vike-solid</code>, see<!-- --> <a href="/extension-vs-custom">Vike extension VS custom integration</a>.</div><div style="margin-top:20px"></div></blockquote>
+<blockquote class="custom-icon type-warning note-color-yellow"><div style="margin-bottom:20px"></div><img style="height: 1.275em; width: 1.275em; vertical-align: -20%" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/v/13.1.1/svg/26a0.svg"/><!-- --> <div class="blockquote-content">Do this only if you have a clear reason for not using <code>vike-solid</code>. See<!-- --> <a href="/extension-vs-custom">Vike extension VS custom integration</a>.</div><div style="margin-top:20px"></div></blockquote>
 <p>Official example:</p>
 <ul>
 <li><a href="https://github.com/vikejs/vike-solid/tree/main/vike-solid"><code>vike-solid</code> source code</a> - Full-featured integeration.</li>

vue.html

@@ -32,7 +32,7 @@
 <p>You can also <a href="#custom-integration">integrate Vue yourself</a> if you want full control over the Vue integration.</p>
 <h2 id="custom-integration">Custom integration</h2>
 <p>Instead of using <a href="/vike-vue"><code>vike-vue</code></a>, you can implement your own Vue integration, giving you full control over the integration of both Vue and Vue libraries.</p>
-<blockquote class="custom-icon type-warning note-color-yellow"><div style="margin-bottom:20px"></div><img style="height: 1.275em; width: 1.275em; vertical-align: -20%" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/v/13.1.1/svg/26a0.svg"/><!-- --> <div class="blockquote-content">Do this only if you have a clear reason for not using <code>vike-vue</code>, see<!-- --> <a href="/extension-vs-custom">Vike extension VS custom integration</a>.</div><div style="margin-top:20px"></div></blockquote>
+<blockquote class="custom-icon type-warning note-color-yellow"><div style="margin-bottom:20px"></div><img style="height: 1.275em; width: 1.275em; vertical-align: -20%" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/v/13.1.1/svg/26a0.svg"/><!-- --> <div class="blockquote-content">Do this only if you have a clear reason for not using <code>vike-vue</code>. See<!-- --> <a href="/extension-vs-custom">Vike extension VS custom integration</a>.</div><div style="margin-top:20px"></div></blockquote>
 <p>Official examples:</p>
 <ul>
 <li><a href="https://github.com/vikejs/vike/blob/main/boilerplates/boilerplate-vue-ts">/boilerplates/boilerplate-vue-ts</a> - Classic integration, using <a href="/client-routing">Client Routing</a>.</li>