diff --git a/.vitepress/buildEnd.config.ts b/.vitepress/buildEnd.config.ts
index 29662387e..945936975 100644
--- a/.vitepress/buildEnd.config.ts
+++ b/.vitepress/buildEnd.config.ts
@@ -14,7 +14,7 @@ export const buildEnd = async (config: SiteConfig): Promise<void> => {
     id: blogUrl,
     link: blogUrl,
     language: 'en',
-    image: 'https://vite.dev/og-image.png',
+    image: 'https://vite.dev/og-image.jpg',
     favicon: 'https://vite.dev/logo.svg',
     copyright: 'Copyright © 2019-present VoidZero Inc. & Vite Contributors',
   })
diff --git a/.vitepress/inlined-scripts/banner.d.ts b/.vitepress/inlined-scripts/banner.d.ts
new file mode 100644
index 000000000..db0d613fc
--- /dev/null
+++ b/.vitepress/inlined-scripts/banner.d.ts
@@ -0,0 +1,3 @@
+interface Window {
+  __VITE_BANNER_ID__: string
+}
\ No newline at end of file
diff --git a/.vitepress/inlined-scripts/banner.js b/.vitepress/inlined-scripts/banner.js
index 7b27fe8d7..803b68409 100644
--- a/.vitepress/inlined-scripts/banner.js
+++ b/.vitepress/inlined-scripts/banner.js
@@ -6,6 +6,17 @@
     }
   }
 
+  window.__VITE_BANNER_ID__ = 'viteplusannouncement'
+  restore(`vite-docs-banner-${__VITE_BANNER_ID__}`, 'banner-dismissed')
+})()
+;(() => {
+  const restore = (key, cls, def = false) => {
+    const saved = localStorage.getItem(key)
+    if (saved ? saved !== 'false' : def) {
+      document.documentElement.classList.add(cls)
+    }
+  }
+
   window.__VITE_BANNER_ID__ = 'viteconf2025'
   restore(`vite-docs-banner-${__VITE_BANNER_ID__}`, 'banner-dismissed')
 })()
\ No newline at end of file
diff --git a/.vitepress/theme/components/AsideSponsors.vue b/.vitepress/theme/components/AsideSponsors.vue
index e45b78cf9..c9b1cba41 100644
--- a/.vitepress/theme/components/AsideSponsors.vue
+++ b/.vitepress/theme/components/AsideSponsors.vue
@@ -21,14 +21,19 @@ const sponsors = computed(() => {
 <template>
   <a
     class="viteconf"
-    href="https://viteconf.org/?utm=vite-sidebar"
+    href="https://www.youtube.com/playlist?list=PLqGQbXn_GDmkJaoykvHCUmXUPjhgH2bVr"
     target="_blank"
   >
-    <img width="22" height="22" src="/viteconf.svg" alt="ViteConf Logo" />
+    <img
+      width="22"
+      height="22"
+      src="../../../images/viteconf.svg"
+      alt="ViteConf Logo"
+    />
     <span>
       <p class="extra-info">Building Together</p>
       <p class="heading">ViteConf 2025</p>
-      <p class="extra-info">First time in-person!</p>
+      <p class="extra-info">View the replays</p>
     </span>
   </a>
   <VPDocAsideSponsors v-if="data" :data="sponsors" />
diff --git a/.vitepress/theme/components/SponsorBanner.vue b/.vitepress/theme/components/SponsorBanner.vue
index 34cd16d60..0b33b5ec1 100644
--- a/.vitepress/theme/components/SponsorBanner.vue
+++ b/.vitepress/theme/components/SponsorBanner.vue
@@ -19,6 +19,646 @@ function dismiss() {
 }
 </script>
 
+<template>
+  <div class="banner" v-if="open">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      height="12"
+      fill="none"
+      viewBox="0 0 103 15"
+    >
+      <path
+        d="M9.137 10.691 12.907.249h5.16l-5.72 14.503h-6.63L0 .249h5.304zm15.622 4.06h-4.973V.25h4.973zM42.817 3.813h-5.573v10.94h-4.971V3.812h-5.574V.25h16.118zm16.257-.04h-9.343v1.946h9.199v3.418h-9.2v2.093h9.614v3.523H44.759V.249h14.315zm10.934 1.946h5.573v3.418h-5.573v5.616h-3.564V9.136h-5.573V5.718h5.573V.248h3.564z"
+        fill="#ffffff"
+      />
+      <path
+        d="M91.184 14.654a.363.363 0 0 1-.648-.224v-3.303c0-.4-.324-.725-.725-.725h-3.647c-.295 0-.467-.334-.295-.573l2.398-3.357a.725.725 0 0 0-.59-1.147h-4.414c-.295 0-.467-.334-.295-.574L86.076.4a.36.36 0 0 1 .295-.152h9.263c.295 0 .467.334.295.573l-2.398 3.358a.725.725 0 0 0 .59 1.147h3.648c.302 0 .472.348.285.587z"
+        fill="#6254fe"
+      />
+      <mask
+        id="a"
+        width="17"
+        height="15"
+        x="82"
+        y="0"
+        maskUnits="userSpaceOnUse"
+        style="mask-type: alpha"
+      >
+        <path
+          fill="#833bff"
+          d="M91.184 14.654a.363.363 0 0 1-.648-.224v-3.303c0-.4-.324-.725-.725-.725h-3.647c-.295 0-.467-.334-.295-.573l2.398-3.357a.725.725 0 0 0-.59-1.147h-4.414c-.295 0-.467-.334-.295-.574L86.076.4a.36.36 0 0 1 .295-.152h9.263c.295 0 .467.334.295.573l-2.398 3.358a.725.725 0 0 0 .59 1.147h3.648c.302 0 .472.348.285.587z"
+        />
+      </mask>
+      <g mask="url(#a)">
+        <g filter="url(#b)">
+          <ellipse
+            cx="1.766"
+            cy="4.714"
+            fill="#ede6ff"
+            rx="1.766"
+            ry="4.714"
+            transform="rotate(89.814 35.524 46.024)scale(1 -1)"
+          />
+        </g>
+        <g filter="url(#c)">
+          <ellipse
+            cx="3.334"
+            cy="9.57"
+            fill="#ede6ff"
+            rx="3.334"
+            ry="9.57"
+            transform="rotate(89.814 33.737 36.63)scale(1 -1)"
+          />
+        </g>
+        <g filter="url(#d)">
+          <ellipse
+            cx="1.766"
+            cy="9.774"
+            fill="#4e14ff"
+            rx="1.766"
+            ry="9.774"
+            transform="rotate(89.814 33.002 36.998)scale(1 -1)"
+          />
+        </g>
+        <g filter="url(#e)">
+          <ellipse
+            cx="1.766"
+            cy="9.81"
+            fill="#4e14ff"
+            rx="1.766"
+            ry="9.81"
+            transform="rotate(89.814 30.844 40.622)scale(1 -1)"
+          />
+        </g>
+        <g filter="url(#f)">
+          <ellipse
+            cx="1.766"
+            cy="9.81"
+            fill="#4e14ff"
+            rx="1.766"
+            ry="9.81"
+            transform="rotate(89.814 30.904 41.053)scale(1 -1)"
+          />
+        </g>
+        <g filter="url(#g)">
+          <ellipse
+            cx="4.511"
+            cy="7.078"
+            fill="#ede6ff"
+            rx="4.511"
+            ry="7.078"
+            transform="rotate(93.35 49.173 54.748)scale(-1 1)"
+          />
+        </g>
+        <g filter="url(#h)">
+          <ellipse
+            cx="1.113"
+            cy="6.893"
+            fill="#4e14ff"
+            rx="1.113"
+            ry="6.893"
+            transform="rotate(89.009 50.51 57.537)scale(-1 1)"
+          />
+        </g>
+        <g filter="url(#i)">
+          <ellipse
+            cx="1.113"
+            cy="6.893"
+            fill="#4e14ff"
+            rx="1.113"
+            ry="6.893"
+            transform="rotate(89.009 50.51 57.537)scale(-1 1)"
+          />
+        </g>
+        <g filter="url(#j)">
+          <ellipse
+            cx="82.99"
+            cy="3.123"
+            fill="#4e14ff"
+            rx="1.413"
+            ry="9.332"
+            transform="rotate(39.51 82.99 3.123)"
+          />
+        </g>
+        <g filter="url(#k)">
+          <ellipse
+            cx="98.102"
+            cy="-1.706"
+            fill="#4e14ff"
+            rx="1.413"
+            ry="9.332"
+            transform="rotate(37.892 98.102 -1.706)"
+          />
+        </g>
+        <g filter="url(#l)">
+          <ellipse
+            cx="95.97"
+            cy="3.395"
+            fill="#2bfdd2"
+            rx="2.655"
+            ry="4.005"
+            transform="rotate(37.892 95.97 3.395)"
+          />
+        </g>
+        <g filter="url(#m)">
+          <ellipse
+            cx="82.264"
+            cy="12.536"
+            fill="#4e14ff"
+            rx="1.413"
+            ry="9.332"
+            transform="rotate(37.892 82.264 12.536)"
+          />
+        </g>
+        <g filter="url(#n)">
+          <ellipse
+            cx="82.264"
+            cy="12.536"
+            fill="#4e14ff"
+            rx="1.413"
+            ry="9.332"
+            transform="rotate(37.892 82.264 12.536)"
+          />
+        </g>
+        <g filter="url(#o)">
+          <ellipse
+            cx="94.226"
+            cy="9.781"
+            fill="#4e14ff"
+            rx="1.501"
+            ry="9.332"
+            transform="rotate(37.892 94.226 9.78)"
+          />
+        </g>
+        <g filter="url(#p)">
+          <ellipse
+            cx="95.66"
+            cy="10.827"
+            fill="#2bfdd2"
+            rx="2.578"
+            ry="6.754"
+            transform="rotate(37.892 95.66 10.827)"
+          />
+        </g>
+      </g>
+      <path
+        d="M80.53 0c-2.949 4.221-2.966 10.764 0 15h1.993c-2.966-4.236-2.949-10.779 0-15zM100.543 0H98.55c2.949 4.221 2.966 10.764 0 15h1.993c2.965-4.236 2.948-10.779 0-15"
+        fill="#ffffff"
+      />
+      <defs>
+        <filter
+          id="b"
+          width="19.25"
+          height="13.354"
+          x="76.528"
+          y="5.425"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="2.455"
+          />
+        </filter>
+        <filter
+          id="c"
+          width="28.962"
+          height="16.49"
+          x="65.358"
+          y="-2.168"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="2.455"
+          />
+        </filter>
+        <filter
+          id="d"
+          width="25.441"
+          height="9.425"
+          x="66.952"
+          y=".898"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="e"
+          width="25.513"
+          height="9.425"
+          x="68.425"
+          y="6.668"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="f"
+          width="25.513"
+          height="9.425"
+          x="68.916"
+          y="7.037"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="g"
+          width="23.964"
+          height="18.867"
+          x="87.917"
+          y="-5.492"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="2.455"
+          />
+        </filter>
+        <filter
+          id="h"
+          width="19.677"
+          height="8.131"
+          x="90.415"
+          y=".979"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="i"
+          width="19.677"
+          height="8.131"
+          x="90.415"
+          y=".979"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="j"
+          width="17.968"
+          height="20.405"
+          x="74.006"
+          y="-7.079"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="k"
+          width="17.573"
+          height="20.725"
+          x="89.315"
+          y="-12.068"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="l"
+          width="12.356"
+          height="13.008"
+          x="89.792"
+          y="-3.109"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="m"
+          width="17.573"
+          height="20.725"
+          x="73.477"
+          y="2.174"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="n"
+          width="17.573"
+          height="20.725"
+          x="73.477"
+          y="2.174"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="o"
+          width="17.601"
+          height="20.738"
+          x="85.425"
+          y="-.588"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+        <filter
+          id="p"
+          width="15.135"
+          height="17.016"
+          x="88.092"
+          y="2.319"
+          color-interpolation-filters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_318_41192"
+            stdDeviation="1.473"
+          />
+        </filter>
+      </defs>
+    </svg>
+    <div class="vt-banner-text">
+      <p style="display: inline-block">The Unified Toolchain for the Web</p>
+      <a
+        target="_blank"
+        class="vt-primary-action"
+        href="https://voidzero.dev/posts/announcing-vite-plus?utm_source=vite&utm_content=top_banner"
+      >
+        Learn more
+      </a>
+    </div>
+    <button @click="dismiss">
+      <svg
+        class="close"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-hidden="true"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"
+        />
+      </svg>
+    </button>
+    <div class="glow glow--purple"></div>
+    <div class="glow glow--blue"></div>
+  </div>
+</template>
+
+<style>
+html:not(.banner-dismissed) {
+  --vp-layout-top-height: 30px;
+}
+</style>
+
+<style scoped>
+.banner {
+  position: fixed;
+  z-index: 10;
+  box-sizing: border-box;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: var(--vp-layout-top-height);
+  line-height: var(--vp-layout-top-height);
+  text-align: center;
+  font-size: 12px;
+  font-weight: 600;
+  color: white;
+  background: #262626;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+
+.glow.glow--purple {
+  position: absolute;
+  bottom: -15%;
+  left: -75%;
+  width: 80%;
+  aspect-ratio: 1.5;
+  pointer-events: none;
+  border-radius: 100%;
+  background: linear-gradient(270deg, #7a23a1, #715ebde6 60% 80%, #bd34fe00);
+  filter: blur(15vw);
+  transform: none;
+  opacity: 0.6;
+}
+
+.glow.glow--blue {
+  position: absolute;
+  bottom: -15%;
+  right: -40%;
+  width: 80%;
+  aspect-ratio: 1.5;
+  pointer-events: none;
+  border-radius: 100%;
+  background: linear-gradient(180deg, #61d9ff, #0000);
+  filter: blur(15vw);
+  transform: none;
+  opacity: 0.3;
+}
+
+@media (min-width: 768px) {
+  .glow.glow--blue {
+    top: -15%;
+    right: -40%;
+    width: 80%;
+  }
+
+  .glow.glow--purple {
+    bottom: -15%;
+    left: -40%;
+    width: 80%;
+  }
+}
+
+@media (min-width: 1025px) {
+  .glow.glow--blue {
+    top: -15%;
+    right: -40%;
+    width: 80%;
+  }
+
+  .glow.glow--purple {
+    bottom: -15%;
+    left: -40%;
+    width: 80%;
+  }
+}
+
+.banner-dismissed .banner {
+  display: none;
+}
+
+button {
+  position: absolute;
+  right: 0;
+  top: 0;
+  padding: 5px 5px;
+}
+
+.close {
+  width: 20px;
+  height: 20px;
+  fill: #fff;
+  transform: rotate(45deg);
+}
+
+.vt-banner-text {
+  color: #fff;
+  font-size: 14px;
+  margin-left: 0.75rem;
+}
+
+.vt-main {
+  color: transparent;
+  background-image: linear-gradient(120deg, #858487 16%, #9499ff, #9499ff);
+  background-clip: text;
+}
+
+.vt-primary-action {
+  background:
+    radial-gradient(140.35% 140.35% at 175% 94.74%, #2bfdd2, #bd34fe00),
+    radial-gradient(89.94% 89.94% at 18.42% 15.79%, #603cff, #41d1ff00);
+  color: #fff;
+  padding: 4px 8px;
+  border-radius: 5px;
+  font-size: 12px;
+  text-decoration: none;
+  margin: 0 0.75rem;
+  transition: all 0.2s ease-in-out;
+}
+
+@media (max-width: 1280px) {
+  .banner .vt-banner-text,
+  .banner .vt-primary-action {
+    font-size: 10px;
+  }
+
+  .vt-tagline {
+    display: none;
+  }
+}
+
+@media (max-width: 780px) {
+  .vt-tagline {
+    display: none;
+  }
+
+  .vt-coupon {
+    display: none;
+  }
+
+  .vt-primary-action {
+    margin: 0 10px;
+    padding: 4px 8px;
+  }
+
+  .vt-time-now {
+    display: none;
+  }
+}
+
+@media (max-width: 560px) {
+  .vt-place {
+    display: none;
+  }
+}
+</style>
+<script setup lang="ts">
+/**
+ * Adding a new banner:
+ * 1. uncomment the banner slot in ../index.ts
+ * 2. uncomment and update BANNER_ID in ../../inlined-scripts/restorePreferences.ts
+ * 3. update --vp-layout-top-height if necessary
+ */
+import { ref } from 'vue'
+
+const open = ref(true)
+
+/**
+ * Call this if the banner is dismissible
+ */
+function dismiss() {
+  open.value = false
+  document.documentElement.classList.add('banner-dismissed')
+  localStorage.setItem(`vite-docs-banner-${window.__VITE_BANNER_ID__}`, 'true')
+}
+</script>
+
 <template>
   <div class="banner" v-if="open">
     <svg
diff --git a/.vitepress/theme/components/SupportedVersions.vue b/.vitepress/theme/components/SupportedVersions.vue
new file mode 100644
index 000000000..d0716bc99
--- /dev/null
+++ b/.vitepress/theme/components/SupportedVersions.vue
@@ -0,0 +1,159 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+
+declare const __VITE_VERSION__: string
+
+// Constants
+const supportedVersionMessage = {
+  color: 'var(--vp-c-brand-1)',
+  text: 'supported',
+}
+const notSupportedVersionMessage = {
+  color: 'var(--vp-c-danger-1)',
+  text: 'not supported',
+}
+const previousMajorLatestMinors: Record<string, string> = {
+  '2': '2.9',
+  '3': '3.2',
+  '4': '4.5',
+  '5': '5.4',
+  '6': '6.4',
+}
+
+// Current latest Vite version and support info
+const parsedViteVersion = parseVersion(__VITE_VERSION__)!
+const supportInfo = computeSupportInfo(parsedViteVersion)
+
+// Check supported version input
+const checkedVersion = ref(`${Math.max(parsedViteVersion.major - 3, 2)}.0.0`)
+const checkedResult = computed(() => {
+  const version = checkedVersion.value
+  if (!isValidViteVersion(version)) return notSupportedVersionMessage
+
+  const parsedVersion = parseVersion(checkedVersion.value)
+  if (!parsedVersion) return notSupportedVersionMessage
+
+  const satisfies = (targetVersion: string) => {
+    const compared = parseVersion(targetVersion)!
+    return (
+      parsedVersion.major === compared.major &&
+      parsedVersion.minor >= compared.minor
+    )
+  }
+  const satisfiesOneSupportedVersion =
+    parsedVersion.major >= parsedViteVersion.major || // Treat future major versions as supported
+    supportInfo.regularPatches.some(satisfies) ||
+    supportInfo.importantFixes.some(satisfies) ||
+    supportInfo.securityPatches.some(satisfies)
+
+  return satisfiesOneSupportedVersion
+    ? supportedVersionMessage
+    : notSupportedVersionMessage
+})
+
+function parseVersion(version: string) {
+  let [major, minor, patch] = version.split('.').map((v) => {
+    const num = /^\d+$/.exec(v)?.[0]
+    return num ? parseInt(num) : null
+  })
+  if (!major) return null
+  minor ??= 0
+  patch ??= 0
+
+  return { major, minor, patch }
+}
+
+function computeSupportInfo(
+  version: NonNullable<ReturnType<typeof parseVersion>>,
+) {
+  const { major, minor } = version
+  const f = (versions: string[]) => {
+    return versions
+      .map((v) => previousMajorLatestMinors[v] ?? v)
+      .filter((version) => {
+        if (!isValidViteVersion(version)) return false
+        // Negative versions are invalid
+        if (/-\d/.test(version)) return false
+        return true
+      })
+  }
+
+  return {
+    regularPatches: f([`${major}.${minor}`]),
+    importantFixes: f([`${major - 1}`, `${major}.${minor - 1}`]),
+    securityPatches: f([`${major - 2}`, `${major}.${minor - 2}`]),
+  }
+}
+
+function versionsToText(versions: string[]) {
+  versions = versions.map((v) => `<code>vite@${v}</code>`)
+  if (versions.length === 0) return ''
+  if (versions.length === 1) return versions[0]
+  return (
+    versions.slice(0, -1).join(', ') + ' and ' + versions[versions.length - 1]
+  )
+}
+
+function isValidViteVersion(version: string) {
+  if (version.length === 1) version += '.'
+  // Vite 0.x shouldn't be mentioned, and Vite 1.x was never released
+  if (version.startsWith('0.') || version.startsWith('1.')) return false
+  return true
+}
+</script>
+
+<template>
+  <div>
+    <ul>
+      <li v-if="supportInfo.regularPatches.length">
+        Regular patches are released for
+        <span v-html="versionsToText(supportInfo.regularPatches)"></span>.
+      </li>
+      <li v-if="supportInfo.importantFixes.length">
+        Important fixes and security patches are backported to
+        <span v-html="versionsToText(supportInfo.importantFixes)"></span>.
+      </li>
+      <li v-if="supportInfo.securityPatches.length">
+        Security patches are also backported to
+        <span v-html="versionsToText(supportInfo.securityPatches)"></span>.
+      </li>
+      <li>
+        All versions before these are no longer supported. Users should upgrade
+        to receive updates.
+      </li>
+    </ul>
+    <p>
+      If you're using Vite
+      <input
+        class="checked-input"
+        type="text"
+        v-model="checkedVersion"
+        placeholder="0.0.0"
+      />, it is
+      <strong :style="{ color: checkedResult.color }">{{
+        checkedResult.text
+      }}</strong
+      >.
+    </p>
+  </div>
+</template>
+
+<style scoped>
+.checked-input {
+  display: inline-block;
+  padding: 0px 5px;
+  width: 100px;
+  color: var(--vp-c-text-1);
+  background: var(--vp-c-bg-soft);
+  font-size: var(--vp-code-font-size);
+  font-family: var(--vp-font-family-mono);
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 5px;
+  transition: border-color 0.1s;
+}
+
+.checked-input:focus,
+.checked-input:hover {
+  border-color: var(--vp-c-brand);
+}
+</style>
\ No newline at end of file
diff --git a/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue b/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue
index 171f58e0e..4813d14f3 100644
--- a/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue	
+++ b/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue	
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { gsap } from 'gsap'
 import { MotionPathPlugin } from 'gsap/dist/MotionPathPlugin'
-import { onMounted, onUnmounted, Ref, ref } from 'vue'
+import { onMounted, onUnmounted, type Ref, ref } from 'vue'
 import SvgInputs from './svg-elements/SvgInputs.vue'
 import SvgOutputs from './svg-elements/SvgOutputs.vue'
 import SvgBlueIndicator from './svg-elements/SvgBlueIndicator.vue'
 import SvgPinkIndicator from './svg-elements/SvgPinkIndicator.vue'
 import { ScrollTrigger } from 'gsap/dist/ScrollTrigger'
-import { SvgNodeProps } from '../common/SvgNode.vue'
+import type { SvgNodeProps } from '../common/SvgNode.vue'
 
 gsap.registerPlugin(MotionPathPlugin)
 
@@ -470,7 +470,7 @@ onMounted(() => {
       </div>
       <div class="vite-chip__filter" />
       <img
-        :src="isUwu ? '/logo-uwu.png' : '/logo.svg'"
+        :src="isUwu ? '/logo-uwu.webp' : '/logo.svg'"
         :alt="isUwu ? 'Vite Kawaii Logo by @icarusgkx' : 'Vite Logo'"
         class="vite-chip__logo"
         :class="{ uwu: isUwu }"
@@ -715,7 +715,7 @@ onMounted(() => {
   }
 
   background:
-    url('/noise.png'),
+    url('../common/noise.webp'),
     radial-gradient(
       circle at right center,
       rgb(86, 50, 119) 0%,
@@ -732,7 +732,7 @@ onMounted(() => {
 
   @media (min-width: 1024px) {
     background:
-      url('/noise.png'),
+      url('../common/noise.webp'),
       radial-gradient(
         circle at right center,
         rgba(75, 41, 105, 0.5) 0%,
@@ -751,7 +751,7 @@ onMounted(() => {
 
   @media (min-width: 1500px) {
     background:
-      url('/noise.png'),
+      url('../common/noise.webp'),
       radial-gradient(
         circle at right center,
         rgba(75, 41, 105, 0.5) 0%,
@@ -770,7 +770,7 @@ onMounted(() => {
 
   @media (min-width: 1800px) {
     background:
-      url('/noise.png'),
+      url('../common/noise.webp'),
       radial-gradient(
         circle at right center,
         rgba(75, 41, 105, 0.5) 0%,
diff --git a/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue b/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue
index 13747c5a6..bf7bbfda6 100644
--- a/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue	
+++ b/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue	
@@ -7,12 +7,17 @@ import HeroDiagram from './HeroDiagram.vue'
     <div class="container">
       <!-- ViteConf 2025 Button -->
       <a
-        href="https://viteconf.org/?utm=vite"
+        href="https://www.youtube.com/playlist?list=PLqGQbXn_GDmkJaoykvHCUmXUPjhgH2bVr"
         class="hero__pill"
         target="_blank"
       >
-        <img src="/viteconf.svg" alt="Viteconf logo" width="20" height="20" />
-        <span>ViteConf 2025</span>
+        <img
+          src="../../../../../images/viteconf.svg"
+          alt="Viteconf logo"
+          width="20"
+          height="20"
+        />
+        <span>ViteConf 2025 Replay</span>
       </a>
 
       <!-- Heading -->
@@ -31,7 +36,7 @@ import HeroDiagram from './HeroDiagram.vue'
           target="_blank"
           class="btn btn--outline"
         >
-          <img src="/github.svg" alt="GitHub logo" width="20" height="20" />
+          <img src="./github.svg" alt="GitHub logo" width="20" height="20" />
           GitHub
         </a>
       </div>
diff --git a/public/github.svg b/.vitepress/theme/components/landing/1. hero-section/github.svg
similarity index 100%
rename from public/github.svg
rename to .vitepress/theme/components/landing/1. hero-section/github.svg
diff --git a/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgInputs.vue b/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgInputs.vue
index c4fe4d323..5f15a361a 100644
--- a/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgInputs.vue	
+++ b/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgInputs.vue	
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SvgNode, { SvgNodeProps } from '../../common/SvgNode.vue'
-import { Ref } from 'vue'
+import SvgNode, { type SvgNodeProps } from '../../common/SvgNode.vue'
+import type { Ref } from 'vue'
 
 defineProps({
   inputLines: {
diff --git a/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgOutputs.vue b/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgOutputs.vue
index 320e99977..4b44fe6c8 100644
--- a/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgOutputs.vue	
+++ b/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgOutputs.vue	
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SvgNode, { SvgNodeProps } from '../../common/SvgNode.vue'
-import { Ref } from 'vue'
+import SvgNode, { type SvgNodeProps } from '../../common/SvgNode.vue'
+import type { Ref } from 'vue'
 
 defineProps({
   outputLines: {
diff --git a/.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue b/.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue
index f532b883d..7a10aa746 100644
--- a/.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue	
+++ b/.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue	
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Ref, ref } from 'vue'
+import { type Ref, ref } from 'vue'
 import SvgNode from '../common/SvgNode.vue'
 import { gsap } from 'gsap'
 import { useSlideIn } from '../../../composables/useSlideIn'
diff --git a/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue b/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue
index fa332ef29..99bb1e3fd 100644
--- a/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue	
+++ b/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue	
@@ -344,7 +344,7 @@ onUnmounted(() => {
       height: 100%;
       border-radius: 12px 0 0 12px;
       background:
-        url('/noise.png'),
+        url('../common/noise.webp'),
         radial-gradient(
           ellipse 140% 80% at 96% bottom,
           #13b351 0%,
@@ -381,7 +381,7 @@ onUnmounted(() => {
     right: 40px;
     width: 1px;
     height: calc(100% - 170px - 33px);
-    background: url('/noise.png'), #13b351;
+    background: url('../common/noise.webp'), #13b351;
     box-shadow: 0 0 10px 0 #13b351;
     transition: all 0.5s ease-in;
     will-change: transform, opacity;
diff --git a/.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue b/.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue
index cc0dc0359..a32742d9b 100644
--- a/.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue	
+++ b/.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue	
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import SvgNode from '../common/SvgNode.vue'
-import { ref, Ref } from 'vue'
+import { ref, type Ref } from 'vue'
 import { gsap } from 'gsap'
 import { useSlideIn } from '../../../composables/useSlideIn'
 import { useCardAnimation } from '../../../composables/useCardAnimation'
@@ -29,7 +29,7 @@ const { startAnimation } = useCardAnimation(
     const timeline = gsap.timeline()
 
     // Animate in each node
-    nodes.forEach((node, i) => {
+    nodes.forEach((node) => {
       let subTimeline = gsap.timeline()
       subTimeline.call(() => {
         node.visible.value = true
diff --git a/.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue b/.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue
index 3bf07b6a5..0671f47a8 100644
--- a/.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue	
+++ b/.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue	
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import SvgNode from '../common/SvgNode.vue'
-import { onMounted, onUnmounted, Ref, ref } from 'vue'
+import { onMounted, onUnmounted, type Ref, ref } from 'vue'
 import { gsap } from 'gsap'
 
 const props = defineProps({
diff --git a/.vitepress/theme/components/landing/3. frameworks-section/FrameworkCard.vue b/.vitepress/theme/components/landing/3. frameworks-section/FrameworkCard.vue
index 4e706eb29..ecb8a8267 100644
--- a/.vitepress/theme/components/landing/3. frameworks-section/FrameworkCard.vue	
+++ b/.vitepress/theme/components/landing/3. frameworks-section/FrameworkCard.vue	
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Ref, ref } from 'vue'
+import { type Ref, ref } from 'vue'
 
 /**
  * A single framework or tool to display in the frameworks section.
diff --git a/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue b/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue
index a10513799..0b0e7702b 100644
--- a/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue	
+++ b/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue	
@@ -1,6 +1,13 @@
 <script setup lang="ts">
-import { computed, ComputedRef, onMounted, onUnmounted, Ref, ref } from 'vue'
-import FrameworkCard, { Framework } from './FrameworkCard.vue'
+import {
+  computed,
+  type ComputedRef,
+  onMounted,
+  onUnmounted,
+  type Ref,
+  ref,
+} from 'vue'
+import FrameworkCard, { type Framework } from './FrameworkCard.vue'
 import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/dist/ScrollTrigger'
 
diff --git a/.vitepress/theme/components/landing/4. community-section/CommunitySection.vue b/.vitepress/theme/components/landing/4. community-section/CommunitySection.vue
index 2cb741200..d3aaa8ffe 100644
--- a/.vitepress/theme/components/landing/4. community-section/CommunitySection.vue	
+++ b/.vitepress/theme/components/landing/4. community-section/CommunitySection.vue	
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CommunityCard, { Testimonial } from './CommunityCard.vue'
+import CommunityCard, { type Testimonial } from './CommunityCard.vue'
 
 const testimonials: Testimonial[] = [
   {
diff --git a/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue b/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue
index f1edbf1ad..6da85ac50 100644
--- a/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue	
+++ b/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue	
@@ -41,7 +41,7 @@ const { data } = useSponsor()
     <!-- Title Section -->
     <img
       class="icon-heart"
-      src="/heart.svg"
+      src="./heart.svg"
       alt="Vite is made possible by our contributors, partner companies, and sponsors"
       width="58"
       height="55"
diff --git a/public/heart.svg b/.vitepress/theme/components/landing/5. sponsor-section/heart.svg
similarity index 100%
rename from public/heart.svg
rename to .vitepress/theme/components/landing/5. sponsor-section/heart.svg
diff --git a/.vitepress/theme/components/landing/common/SvgNode.vue b/.vitepress/theme/components/landing/common/SvgNode.vue
index 1bb35a5ae..89214bbb3 100644
--- a/.vitepress/theme/components/landing/common/SvgNode.vue
+++ b/.vitepress/theme/components/landing/common/SvgNode.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, Ref, ref, watch, ComputedRef } from 'vue'
+import { computed, type Ref, ref, watch, type ComputedRef } from 'vue'
 import { gsap } from 'gsap'
 
 /**
diff --git a/.vitepress/theme/components/landing/common/noise.webp b/.vitepress/theme/components/landing/common/noise.webp
new file mode 100644
index 000000000..8143a993a
Binary files /dev/null and b/.vitepress/theme/components/landing/common/noise.webp differ
diff --git a/public/astro.svg b/.vitepress/theme/composables/images/astro.svg
similarity index 100%
rename from public/astro.svg
rename to .vitepress/theme/composables/images/astro.svg
diff --git a/public/bolt.svg b/.vitepress/theme/composables/images/bolt.svg
similarity index 100%
rename from public/bolt.svg
rename to .vitepress/theme/composables/images/bolt.svg
diff --git a/public/nuxtlabs.svg b/.vitepress/theme/composables/images/nuxtlabs.svg
similarity index 100%
rename from public/nuxtlabs.svg
rename to .vitepress/theme/composables/images/nuxtlabs.svg
diff --git a/public/stackblitz.svg b/.vitepress/theme/composables/images/stackblitz.svg
similarity index 100%
rename from public/stackblitz.svg
rename to .vitepress/theme/composables/images/stackblitz.svg
diff --git a/public/voidzero.svg b/.vitepress/theme/composables/images/voidzero.svg
similarity index 100%
rename from public/voidzero.svg
rename to .vitepress/theme/composables/images/voidzero.svg
diff --git a/.vitepress/theme/composables/sponsor.ts b/.vitepress/theme/composables/sponsor.ts
index b6ce759e7..5e479f8aa 100644
--- a/.vitepress/theme/composables/sponsor.ts
+++ b/.vitepress/theme/composables/sponsor.ts
@@ -1,4 +1,7 @@
 import { onMounted, onUnmounted, ref } from 'vue'
+import voidZeroSvg from './images/voidzero.svg'
+import boltSvg from './images/bolt.svg'
+import nuxtLabsSvg from './images/nuxtlabs.svg'
 
 interface Sponsors {
   special: Sponsor[]
@@ -28,7 +31,7 @@ const dataUrl = `${dataHost}/vite.json`
 export const voidZero = {
   name: 'VoidZero',
   url: 'https://voidzero.dev',
-  img: '/voidzero.svg',
+  img: voidZeroSvg,
 } satisfies Sponsor
 
 const viteSponsors: Pick<Sponsors, 'special' | 'gold'> = {
@@ -37,13 +40,13 @@ const viteSponsors: Pick<Sponsors, 'special' | 'gold'> = {
     {
       name: 'Bolt',
       url: 'https://bolt.new',
-      img: '/bolt.svg',
+      img: boltSvg,
     },
     // sponsors antfu
     {
       name: 'NuxtLabs',
       url: 'https://nuxtlabs.com',
-      img: '/nuxtlabs.svg',
+      img: nuxtLabsSvg,
     },
   ],
   gold: [
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index 2d7fd5f42..6b0cf9eb7 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -9,11 +9,13 @@ import AsideSponsors from './components/AsideSponsors.vue'
 import SvgImage from './components/SvgImage.vue'
 import YouTubeVideo from './components/YouTubeVideo.vue'
 import SponsorBanner from './components/SponsorBanner.vue'
+import SponsorBanner from './components/SponsorBanner.vue'
 import NonInheritBadge from './components/NonInheritBadge.vue'
 import 'virtual:group-icons.css'
 
 export default {
   extends: DefaultTheme,
+      'layout-top': () => h(SponsorBanner),
   Layout() {
     return h(DefaultTheme.Layout, null, {
       'layout-top': () => h(SponsorBanner),
diff --git a/.vitepress/tsconfig.json b/.vitepress/tsconfig.json
deleted file mode 100644
index 81309347f..000000000
--- a/.vitepress/tsconfig.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "noImplicitOverride": true,
-    "noUnusedLocals": true,
-    "esModuleInterop": true,
-    "noEmit": true
-  },
-  "exclude": ["cache", "dist"]
-}
\ No newline at end of file
diff --git a/.vitepress/vite-env.d.ts b/.vitepress/vite-env.d.ts
deleted file mode 100644
index 151aa6856..000000000
--- a/.vitepress/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
\ No newline at end of file
diff --git a/_data/blog.data.ts b/_data/blog.data.ts
index 88640be72..b8150326e 100644
--- a/_data/blog.data.ts
+++ b/_data/blog.data.ts
@@ -17,8 +17,9 @@ export default createContentLoader('blog/*.md', {
   transform(raw): Post[] {
     return raw
       .map(({ url, frontmatter }) => ({
-        title: frontmatter.head.find((e) => e[1].property === 'og:title')[1]
-          .content,
+        title: frontmatter.head.find(
+          (e: any) => e[1].property === 'og:title',
+        )[1].content,
         url,
         date: formatDate(frontmatter.date),
       }))
diff --git a/blog/announcing-vite3.md b/blog/announcing-vite3.md
index cd439d86e..7bb7b7a0b 100644
--- a/blog/announcing-vite3.md
+++ b/blog/announcing-vite3.md
@@ -13,7 +13,7 @@ head:
       content: Vite 3.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite3.png
+      content: https://vite.dev/og-image-announcing-vite3.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite3
@@ -31,7 +31,7 @@ _2022년 7월 23일_ - [Vite 4.0 발표](./announcing-vite4.md)도 확인해보
 
 작년 2월, [Evan You](https://twitter.com/youyuxi)가 Vite 2를 릴리스했습니다. 그 이후로 Vite의 채택은 멈추지 않고 성장하여 주당 100만 건 이상의 npm 다운로드를 기록하고 있습니다. 릴리스 후 방대한 생태계가 빠르게 형성되었습니다. Vite는 웹 프레임워크에서 새로운 혁신 경쟁을 이끌고 있습니다. [Nuxt 3](https://v3.nuxtjs.org/)는 기본적으로 Vite를 사용합니다. [SvelteKit](https://kit.svelte.dev/), [Astro](https://astro.build/), [Hydrogen](https://hydrogen.shopify.dev/), [SolidStart](https://docs.solidjs.com/quick-start)는 모두 Vite로 구축되었습니다. [Laravel은 이제 기본적으로 Vite를 사용하기로 결정했습니다](https://laravel.com/docs/9.x/vite). [Vite Ruby](https://vite-ruby.netlify.app/)는 Vite가 Rails DX를 어떻게 개선할 수 있는지 보여줍니다. [Vitest](https://vitest.dev)는 Jest의 Vite 네이티브 대안으로 진전을 이루고 있습니다. Vite는 [Cypress](https://docs.cypress.io/guides/component-testing/writing-your-first-component-test)와 [Playwright](https://playwright.dev/docs/test-components)의 새로운 컴포넌트 테스팅 기능을 뒷받침하고 있으며, Storybook은 [Vite를 공식 빌더로](https://github.com/storybookjs/builder-vite) 채택했습니다. 그리고 [목록은 계속됩니다](https://patak.dev/vite/ecosystem.html). 이러한 프로젝트 대부분의 메인테이너들이 Vite 코어 자체를 개선하는 데 참여하여 Vite [팀](https://vite.dev/team) 및 다른 기여자들과 긴밀히 협력하고 있습니다.
 
-![Vite 3 발표 커버 이미지](/og-image-announcing-vite3.png)
+![Vite 3 Announcement Cover Image](/og-image-announcing-vite3.webp)
 
 오늘, v2 출시로부터 16개월 후 Vite 3의 릴리스를 발표하게 되어 기쁩니다. 저희는 [Node.js의 EOL](https://nodejs.org/en/about/releases/)에 맞춰 최소 매년 새로운 Vite 메이저 버전을 릴리스하기로 결정했으며, 생태계 프로젝트들을 위한 간단한 마이그레이션 가이드와 함께 Vite의 API를 정기적으로 검토할 기회를 갖기로 했습니다.
 
@@ -47,7 +47,7 @@ Vite를 처음 접하신다면 [Why Vite 가이드](https://vite.dev/guide/why.h
 
 [vite.dev](https://vite.dev)로 이동하여 새로운 v3 문서를 즐겨보세요. Vite는 이제 새로운 [VitePress](https://vitepress.vuejs.org) 기본 테마를 사용하며, 다른 기능들과 함께 멋진 다크 모드를 제공합니다.
 
-[![Vite 문서 첫 페이지](../images/v3-docs.png)](https://vite.dev)
+[![Vite documentation frontpage](../images/v3-docs.webp)](https://vite.dev)
 
 생태계의 여러 프로젝트들이 이미 이 테마로 마이그레이션했습니다([Vitest](https://vitest.dev), [vite-plugin-pwa](https://vite-plugin-pwa.netlify.app/), [VitePress](https://vitepress.vuejs.org/) 자체 포함).
 
@@ -223,9 +223,9 @@ Vite는 배포 및 설치 용량을 중요하게 생각합니다. 새 앱의 빠
 
 최근 Vite 팀에 합류한 [@bluwyoo](https://twitter.com/bluwyoo), [@sapphi_red](https://twitter.com/sapphi_red)가 주도한 트리아징 마라톤이 있었습니다. 지난 3개월 동안 Vite 열린 이슈는 770개에서 400개로 줄었습니다. 그리고 이 감소는 새로 열린 PR이 역대 최고치를 기록하는 동안 달성되었습니다. 동시에 [@haoqunjiang](https://twitter.com/haoqunjiang)도 [Vite 이슈의 포괄적인 개요](https://github.com/vitejs/vite/discussions/8232)를 큐레이션했습니다.
 
-[![Vite의 열린 이슈와 풀 리퀘스트 그래프](../images/v3-open-issues-and-PRs.png)](https://www.repotrends.com/vitejs/vite)
+[![Graph of open issues and pull requests in Vite](../images/v3-open-issues-and-PRs.webp)](https://www.repotrends.com/vitejs/vite)
 
-[![Vite의 새로운 이슈와 풀 리퀘스트 그래프](../images/v3-new-open-issues-and-PRs.png)](https://www.repotrends.com/vitejs/vite)
+[![Graph of new issues and pull requests in Vite](../images/v3-new-open-issues-and-PRs.webp)](https://www.repotrends.com/vitejs/vite)
 
 ## 호환성 참고사항 {#compatibility-notes}
 
diff --git a/blog/announcing-vite4-3.md b/blog/announcing-vite4-3.md
index 15ffebec2..550babc52 100644
--- a/blog/announcing-vite4-3.md
+++ b/blog/announcing-vite4-3.md
@@ -13,7 +13,7 @@ head:
       content: Vite 4.3이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite4-3.png
+      content: https://vite.dev/og-image-announcing-vite4-3.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite4-3
@@ -29,7 +29,7 @@ head:
 
 _2023년 4월 20일_
 
-![Vite 4.3 Announcement Cover Image](/og-image-announcing-vite4-3.png)
+![Vite 4.3 Announcement Cover Image](/og-image-announcing-vite4-3.webp)
 
 빠른 링크:
 
@@ -60,9 +60,9 @@ Vite 기여자 중 한 명이 작성한 이 블로그 포스트에서 성능 작
 | **Root HMR**       |    30.5ms |   24.0ms |      -21.3% |
 | **Leaf HMR**       |    16.9ms |   10.0ms |      -40.8% |
 
-![Vite 4.3 vs 4.2 startup time comparison](/vite4-3-startup-time.png)
+![Vite 4.3 vs 4.2 startup time comparison](../images/vite4-3-startup-time.webp)
 
-![Vite 4.3 vs 4.2 HMR time comparison](/vite4-3-hmr-time.png)
+![Vite 4.3 vs 4.2 HMR time comparison](../images/vite4-3-hmr-time.webp)
 
 벤치마크에 대한 자세한 정보는 [여기](https://gist.github.com/sapphi-red/25be97327ee64a3c1dce793444afdf6e)에서 확인할 수 있습니다. 이 성능 테스트의 사양과 버전:
 
diff --git a/blog/announcing-vite4.md b/blog/announcing-vite4.md
index e3cbef6c9..df3847543 100644
--- a/blog/announcing-vite4.md
+++ b/blog/announcing-vite4.md
@@ -13,7 +13,7 @@ head:
       content: Vite 4.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite4.png
+      content: https://vite.dev/og-image-announcing-vite4.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite4
@@ -31,13 +31,13 @@ _2022년 12월 9일_ - [Vite 5.0 발표](./announcing-vite5.md)도 확인해보
 
 Vite 3가 5개월 전에 [릴리스되었습니다](./announcing-vite3.md). 그 이후로 주간 npm 다운로드 수가 100만 건에서 250만 건으로 증가했습니다. 생태계도 성숙해졌으며 계속해서 성장하고 있습니다. 올해 [Jamstack Conf 설문조사](https://twitter.com/vite_js/status/1589665610119585793)에서 커뮤니티 사용률이 14%에서 32%로 급증했으며 9.7점의 높은 만족도를 유지했습니다. [Astro 1.0](https://astro.build/), [Nuxt 3](https://v3.nuxtjs.org/), 그리고 혁신하고 협력하는 다른 Vite 기반 프레임워크들의 안정적인 릴리스를 보았습니다: [SvelteKit](https://kit.svelte.dev/), [Solid Start](https://www.solidjs.com/blog/introducing-solidstart), [Qwik City](https://qwik.builder.io/qwikcity/overview/). Storybook은 [Storybook 7.0](https://storybook.js.org/blog/first-class-vite-support-in-storybook/)의 주요 기능 중 하나로 Vite에 대한 일급 지원을 발표했습니다. Deno도 이제 [Vite를 지원합니다](https://www.youtube.com/watch?v=Zjojo9wdvmY). [Vitest](https://vitest.dev) 채택이 폭발적으로 증가하고 있으며, 곧 Vite npm 다운로드의 절반을 차지할 것입니다. Nx도 생태계에 투자하고 있으며 [공식적으로 Vite를 지원합니다](https://nx.dev/packages/vite).
 
-[![Vite 4 생태계](/ecosystem-vite4.png)](https://viteconf.org/2022/replay)
+[![Vite 4 Ecosystem](../images/ecosystem-vite4.webp)](https://viteconf.org/2022/replay)
 
 Vite와 관련 프로젝트들이 경험한 성장을 보여주는 사례로, Vite 생태계는 10월 11일 [ViteConf 2022](https://viteconf.org/2022/replay)에서 모였습니다. 주요 웹 프레임워크와 도구들의 대표자들이 혁신과 협력의 이야기를 들려주었습니다. 그리고 상징적인 움직임으로, Rollup 팀은 바로 그 날 [Rollup 3](https://rollupjs.org) 릴리스를 선택했습니다.
 
 오늘, Vite [팀](https://vite.dev/team)은 생태계 파트너들의 도움으로 빌드 시점에 Rollup 3로 구동되는 Vite 4의 릴리스를 발표하게 되어 기쁩니다. 저희는 이 새로운 메이저 버전을 위한 원활한 업그레이드 경로를 보장하기 위해 생태계와 함께 작업했습니다. Vite는 이제 [Rollup 3](https://github.com/vitejs/vite/issues/9870)를 사용하며, 이를 통해 Vite의 내부 에셋 처리를 단순화하고 많은 개선사항을 가져올 수 있었습니다. [Rollup 3 릴리스 노트는 여기에서](https://github.com/rollup/rollup/releases/tag/v3.0.0) 확인하세요.
 
-![Vite 4 발표 커버 이미지](/og-image-announcing-vite4.png)
+![Vite 4 Announcement Cover Image](/og-image-announcing-vite4.webp)
 
 빠른 링크:
 
diff --git a/blog/announcing-vite5-1.md b/blog/announcing-vite5-1.md
index 5084e3989..48d4caf85 100644
--- a/blog/announcing-vite5-1.md
+++ b/blog/announcing-vite5-1.md
@@ -13,7 +13,7 @@ head:
       content: Vite 5.1이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite5-1.png
+      content: https://vite.dev/og-image-announcing-vite5-1.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite5-1
@@ -29,7 +29,7 @@ head:
 
 _2024년 2월 8일_
 
-![Vite 5.1 발표 커버 이미지](/og-image-announcing-vite5-1.png)
+![Vite 5.1 Announcement Cover Image](/og-image-announcing-vite5-1.webp)
 
 Vite 5는 지난 11월에 [출시되었으며](./announcing-vite5.md), Vite와 생태계에 또 다른 큰 도약을 의미했습니다. 몇 주 전에는 주간 npm 다운로드 1천만 건과 Vite 저장소 기여자 900명을 축하했습니다. 오늘, 저희는 Vite 5.1의 출시를 발표하게 되어 기쁩니다.
 
@@ -86,7 +86,7 @@ Vite 5.0에서는 순환 import 내의 수락된 모듈이 클라이언트에서
 
 Vite는 각 릴리스마다 계속 빨라지고 있으며, Vite 5.1은 성능 개선으로 가득합니다. 저희는 [vite-dev-server-perf](https://github.com/yyx990803/vite-dev-server-perf)를 사용하여 Vite 4.0부터 모든 마이너 버전에 대해 10K 모듈(25단계 깊이 트리)의 로딩 시간을 측정했습니다. 이는 Vite의 번들 없는 접근 방식의 효과를 측정하는 좋은 벤치마크입니다. 각 모듈은 카운터와 트리의 다른 파일에 대한 import를 가진 작은 TypeScript 파일이므로, 이는 주로 개별 모듈로 요청을 처리하는 데 걸리는 시간을 측정합니다. Vite 4.0에서는 10K 모듈을 로드하는 데 M1 MAX에서 8초가 걸렸습니다. [성능에 집중한 Vite 4.3에서 획기적인 발전](./announcing-vite4-3.md)이 있었고, 6.35초에 로드할 수 있었습니다. Vite 5.1에서는 또 다른 성능 도약을 이뤄냈습니다. Vite는 이제 10K 모듈을 5.35초에 서빙합니다.
 
-![Vite 10K 모듈 로딩 시간 진행 상황](/vite5-1-10K-modules-loading-time.png)
+![Vite 10K Modules Loading time progression](../images/vite5-1-10K-modules-loading-time.webp)
 
 이 벤치마크의 결과는 Headless Puppeteer에서 실행되며 버전을 비교하는 좋은 방법입니다. 하지만 사용자가 경험하는 시간을 나타내지는 않습니다. Chrome의 시크릿 창에서 동일한 10K 모듈을 실행할 때의 결과는 다음과 같습니다:
 
diff --git a/blog/announcing-vite5.md b/blog/announcing-vite5.md
index b7fb7e0a8..f9b9553f6 100644
--- a/blog/announcing-vite5.md
+++ b/blog/announcing-vite5.md
@@ -13,7 +13,7 @@ head:
       content: Vite 5.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite5.png
+      content: https://vite.dev/og-image-announcing-vite5.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite5
@@ -29,7 +29,7 @@ head:
 
 _2023년 11월 16일_
 
-![Vite 5 발표 커버 이미지](/og-image-announcing-vite5.png)
+![Vite 5 Announcement Cover Image](/og-image-announcing-vite5.webp)
 
 Vite 4가 거의 1년 전에 [릴리스되었고](./announcing-vite4.md), 생태계에 견고한 기반을 제공했습니다. 프로젝트들이 공유 인프라를 기반으로 계속 구축하면서 주간 npm 다운로드 수는 250만 건에서 750만 건으로 급증했습니다. 프레임워크들은 지속적으로 혁신을 이어갔으며, [Astro](https://astro.build/), [Nuxt](https://nuxt.com/), [SvelteKit](https://kit.svelte.dev/), [Solid Start](https://www.solidjs.com/blog/introducing-solidstart), [Qwik City](https://qwik.builder.io/qwikcity/overview/) 등을 비롯해 새로운 프레임워크들이 합류하여 생태계를 더욱 강화했습니다. [RedwoodJS](https://redwoodjs.com/)와 [Remix](https://remix.run/)가 Vite로 전환하면서 React 생태계에서의 추가 도입 가능성을 열었습니다. [Vitest](https://vitest.dev)는 Vite보다도 빠른 속도로 성장을 지속했습니다. Vitest 팀은 열심히 작업하고 있으며 곧 [Vitest 1.0을 릴리스할 예정](https://github.com/vitest-dev/vitest/issues/3596)입니다. [Storybook](https://storybook.js.org), [Nx](https://nx.dev), [Playwright](https://playwright.dev)와 같은 다른 도구들과 함께 사용할 때의 Vite 경험은 계속 개선되었고, [Deno](https://deno.com)와 [Bun](https://bun.sh)에서 Vite 개발이 작동하는 등 환경 면에서도 마찬가지였습니다.
 
diff --git a/blog/announcing-vite6.md b/blog/announcing-vite6.md
index 2abbb61ef..1036ce506 100644
--- a/blog/announcing-vite6.md
+++ b/blog/announcing-vite6.md
@@ -13,7 +13,7 @@ head:
       content: Vite 6.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite6.png
+      content: https://vite.dev/og-image-announcing-vite6.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite6
@@ -29,7 +29,7 @@ head:
 
 _2024년 11월 26일_
 
-![Vite 6 발표 커버 이미지](/og-image-announcing-vite6.png)
+![Vite 6 Announcement Cover Image](/og-image-announcing-vite6.webp)
 
 오늘, 저희는 Vite의 이야기에서 또 다른 큰 발걸음을 내딛게 되었습니다. Vite [팀](/team), [기여자들](https://github.com/vitejs/vite/graphs/contributors), 그리고 생태계 파트너들은 Vite 6의 출시를 발표하게 되어 기쁩니다.
 
@@ -39,7 +39,7 @@ _2024년 11월 26일_
 
 Vite는 OpenAI, Google, Apple, Microsoft, NASA, Shopify, Cloudflare, GitLab, Reddit, Linear 등 많은 기업에서 사용되고 있습니다. 두 달 전, 저희는 [Vite를 사용하는 기업들](https://github.com/vitejs/companies-using-vite) 목록을 시작했습니다. 많은 개발자들이 자신들의 회사를 목록에 추가하기 위해 PR을 보내주시는 것을 보니 기쁩니다. Vite가 첫 걸음을 내딛은 이후 함께 구축한 생태계가 이렇게 크게 성장한 것이 믿기 어려울 정도입니다.
 
-![Vite 주간 npm 다운로드](/vite6-npm-weekly-downloads.png)
+![Vite weekly npm downloads](../images/vite6-npm-weekly-downloads.webp)
 
 ## Vite 생태계 가속화 {#speeding-up-the-vite-ecosystem}
 
diff --git a/blog/announcing-vite7.md b/blog/announcing-vite7.md
index 175e7f9d1..b5c3ef402 100644
--- a/blog/announcing-vite7.md
+++ b/blog/announcing-vite7.md
@@ -13,7 +13,7 @@ head:
       content: Vite 7.0이 출시되었습니다!
   - - meta
     - property: og:image
-      content: https://vite.dev/og-image-announcing-vite7.png
+      content: https://vite.dev/og-image-announcing-vite7.webp
   - - meta
     - property: og:url
       content: https://vite.dev/blog/announcing-vite7
@@ -29,7 +29,7 @@ head:
 
 _2025년 6월 24일_
 
-![Vite 7 발표 커버 이미지](/og-image-announcing-vite7.png)
+![Vite 7 Announcement Cover Image](/og-image-announcing-vite7.webp)
 
 Vite 7의 출시를 공유하게 되어 기쁩니다! Evan You가 Vite 저장소에 첫 커밋을 보낸 지 5년이 지났으며, 그 이후로 프론트엔드 생태계가 얼마나 많이 변화했는지는 아무도 예측할 수 없었습니다. 이제 대부분의 현대적인 프론트엔드 프레임워크와 도구들이 함께 작업하며, Vite의 공유 인프라 위에 구축되고 있습니다. 그리고 더 높은 수준에서 공유함으로써 더 빠른 속도로 혁신할 수 있게 되었습니다. Vite는 이제 주간 3,100만 회 다운로드되고 있으며, 이전 메이저 릴리스 이후 지난 7개월 동안 1,400만 회 증가했습니다.
 
diff --git a/config/build-options.md b/config/build-options.md
index a42443694..95f0d3573 100644
--- a/config/build-options.md
+++ b/config/build-options.md
@@ -185,6 +185,54 @@ export default defineConfig({
 })
 ```
 
+## build.license
+
+- **Type:** `boolean | { fileName?: string }`
+- **Default:** `false`
+- **Related:** [License](/guide/features#license)
+
+When set to `true`, the build will generate a `.vite/license.md` file that includes all bundled dependencies' licenses.
+
+If `fileName` is passed, it will be used as the license file name relative to the `outDir`. If it ends with `.json`, the raw JSON metadata will be generated instead and can be used for further processing. For example:
+
+```json
+[
+  {
+    "name": "dep-1",
+    "version": "1.2.3",
+    "identifier": "CC0-1.0",
+    "text": "CC0 1.0 Universal\n\n..."
+  },
+  {
+    "name": "dep-2",
+    "version": "4.5.6",
+    "identifier": "MIT",
+    "text": "MIT License\n\n..."
+  }
+]
+```
+
+::: tip
+If you'd like to reference the license file in the built code, you can use `build.rollupOptions.output.banner` to inject a comment at the top of the files. For example:
+
+```js twoslash [vite.config.js]
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  build: {
+    license: true,
+    rollupOptions: {
+      output: {
+        banner:
+          '/* See licenses of bundled dependencies at https://example.com/license.md */',
+      },
+    },
+  },
+})
+```
+
+:::
+
 ## build.manifest {#build-manifest}
 
 - **타입:** `boolean | string`
diff --git a/config/dep-optimization-options.md b/config/dep-optimization-options.md
index 1438d364b..530cde1c9 100644
--- a/config/dep-optimization-options.md
+++ b/config/dep-optimization-options.md
@@ -10,7 +10,7 @@
 
 기본적으로 Vite는 모든 `.html` 파일을 크롤링해 사전 번들링이 필요한 디펜던시를 탐지합니다(`node_modules`, `build.outDir`, `__tests__` 및 `coverage` 디렉터리는 무시). 만약 `build.rollupOptions.input`이 지정된 경우 Vite가 대신 해당 진입점을 탐색합니다.
 
-이 방식들이 맞지 않는다면 이 옵션을 사용해 커스텀 진입점을 지정할 수 있습니다. 값은 [`tinyglobby` 패턴](https://github.com/SuperchupuDev/tinyglobby) 또는 패턴 배열이어야 하며, 이는 Vite 프로젝트 루트를 기준으로 합니다. 이는 기본 진입점 추론 방식을 덮어쓰게 됩니다. `optimizeDeps.entries`가 명시적으로 정의된 경우 기본적으로 `node_modules`와 `build.outDir` 폴더만 무시됩니다. 다른 폴더들을 무시해야 하는 경우에는 진입점 목록의 일부로 `!`로 시작하는 무시 패턴을 사용할 수 있습니다. `node_modules` 문자열을 명시적으로 포함하는 패턴의 경우 `node_modules`는 무시되지 않습니다.
+If neither of these fit your needs, you can specify custom entries using this option - the value should be a [`tinyglobby` pattern](https://superchupu.dev/tinyglobby/comparison) or array of patterns that are relative from Vite project root. This will overwrite default entries inference. Only `node_modules` and `build.outDir` folders will be ignored by default when `optimizeDeps.entries` is explicitly defined. If other folders need to be ignored, you can use an ignore pattern as part of the entries list, marked with an initial `!`. `node_modules` will not be ignored for patterns that explicitly include the string `node_modules`.
 
 ## optimizeDeps.exclude <NonInheritBadge />
 
diff --git a/config/index.md b/config/index.md
index 00068dc80..25c5c93b5 100644
--- a/config/index.md
+++ b/config/index.md
@@ -101,9 +101,11 @@ export default defineConfig(async ({ command, mode }) => {
 
 ## 설정에서 환경 변수 사용하기 {#using-environment-variables-in-config}
 
-환경 변수 역시 `process.env` 객체를 통해 가져올 수 있습니다.
+Environment variables available while the config itself is being evaluated are only those that already exist in the current process environment (`process.env`). Vite deliberately defers loading any `.env*` files until _after_ the user config has been resolved because the set of files to load depends on config options like [`root`](/guide/#index-html-and-project-root) and [`envDir`](/config/shared-options.md#envdir), and also on the final `mode`.
 
-참고로 Vite는 Vite의 설정을 끝마친 뒤 어떻게 파일을 불러올 것인지 알 수 있기 때문에, 기본적으로 `.env` 파일을 로드하지 않습니다. 가령 `root` 또는 `envDir` 설정 값에 따라 어떻게 파일을 불러올 것인지 달라집니다. 다만 필요하다면 `loadEnv` 헬퍼를 사용해 `.env` 파일을 불러올 수도 있습니다.
+This means: variables defined in `.env`, `.env.local`, `.env.[mode]`, or `.env.[mode].local` are **not** automatically injected into `process.env` while your `vite.config.*` is running. They _are_ automatically loaded later and exposed to application code via `import.meta.env` (with the default `VITE_` prefix filter) exactly as documented in [Env Variables and Modes](/guide/env-and-mode.html). So if you only need to pass values from `.env*` files to the app, you don't need to call anything in the config.
+
+If, however, values from `.env*` files must influence the config itself (for example to set `server.port`, conditionally enable plugins, or compute `define` replacements), you can load them manually using the exported [`loadEnv`](/guide/api-javascript.html#loadenv) helper.
 
 ```js twoslash
 import { defineConfig, loadEnv } from 'vite'
@@ -114,10 +116,14 @@ export default defineConfig(({ mode }) => {
   // 모든 환경 변수를 불러옴
   const env = loadEnv(mode, process.cwd(), '')
   return {
-    // Vite 설정
     define: {
+      // Provide an explicit app-level constant derived from an env var.
       __APP_ENV__: JSON.stringify(env.APP_ENV),
     }
+    // Example: use an env var to set the dev server port conditionally.
+    server: {
+      port: env.APP_PORT ? Number(env.APP_PORT) : 5173,
+    },
   }
 })
 ```
diff --git a/config/preview-options.md b/config/preview-options.md
index f732d2567..fcdc3af15 100644
--- a/config/preview-options.md
+++ b/config/preview-options.md
@@ -21,7 +21,7 @@ Vite 대신 다른 서버가 응답하는 경우가 있습니다.
 
 ## preview.allowedHosts {#preview-allowedhosts}
 
-- **타입:** `string | true`
+- **Type:** `string[] | true`
 - **기본값:** [`server.allowedHosts`](./server-options#server-allowedhosts)
 
 Vite가 응답할 수 있는 호스트 이름 목록입니다.
diff --git a/config/server-options.md b/config/server-options.md
index e87f3aa11..4daee5f83 100644
--- a/config/server-options.md
+++ b/config/server-options.md
@@ -92,8 +92,6 @@ HTTPS를 사용하는 경우 이 검사는 건너뜁니다.
 
 TLS + HTTP/2를 사용합니다. 값은 `https.createServer()`로 전달되는 [옵션 객체](https://nodejs.org/api/https.html#https_https_createserver_options_requestlistener)입니다.
 
-이 설정은 [`server.proxy` 옵션](#server-proxy)이 사용된다면 TLS만 사용하도록 다운그레이드된다는 점에 유의하세요.
-
 인증서는 유효한 것이 필요합니다. 기본적으로 프로젝트에 [@vitejs/plugin-basic-ssl](https://github.com/vitejs/vite-plugin-basic-ssl) 플러그인을 추가하면 자체 서명된 인증서가 자동으로 생성되고 캐시됩니다. 다만 직접 생성한 인증서를 사용하는 것이 좋습니다.
 
 ## server.open {#server-open}
@@ -233,7 +231,7 @@ Direct websocket connection fallback. Check out https://vite.dev/config/server-o
 
 미리 변환하고 그 결과물을 캐시할 파일 목록입니다. 서버 시작 시 초기 페이지 로드를 개선하고 변환 워터폴(변환이 순차적으로 이루어지는 현상 - 옮긴이)을 방지합니다.
 
-옵션의 `clientFiles`는 클라이언트에서만, `ssrFiles`는 SSR에서만 사용되는 파일 목록입니다. `root`를 기준으로 하는 파일 경로 또는 [`tinyglobby`](https://github.com/SuperchupuDev/tinyglobby) 패턴의 배열을 받습니다.
+`clientFiles` are files that are used in the client only, while `ssrFiles` are files that are used in SSR only. They accept an array of file paths or [`tinyglobby` patterns](https://superchupu.dev/tinyglobby/comparison) relative to the `root`.
 
 Vite 개발 서버 시작 시 과부하가 걸리지 않도록 자주 사용되는 파일만 추가해주세요.
 
@@ -256,7 +254,7 @@ export default defineConfig({
 
 Vite 서버 감시자는 기본적으로 `root`를 감시하며, `.git/`, `node_modules/`, `test-results/`, 그리고 Vite의 `cacheDir` 및 `build.outDir` 디렉터리는 건너뜁니다. 감시하는 파일이 업데이트되면, Vite는 필요한 경우에만 HMR을 적용하고 페이지를 업데이트합니다.
 
-`null`로 설정하면 파일을 감시하지 않습니다. `server.watcher`는 (Node.js `EventEmitter`과)호환되는 이벤트 객체(Emitter)를 제공하지만, `add` 또는 `unwatch`를 호출해도 아무런 효과가 없습니다.
+If set to `null`, no files will be watched. [`server.watcher`](/guide/api-javascript.html#vitedevserver) will provide a compatible event emitter, but calling `add` or `unwatch` will have no effect.
 
 ::: warning `node_modules` 디렉터리에서 파일 감시하기
 
diff --git a/guide/api-environment-frameworks.md b/guide/api-environment-frameworks.md
index 7deda6ebd..5dc92a638 100644
--- a/guide/api-environment-frameworks.md
+++ b/guide/api-environment-frameworks.md
@@ -315,7 +315,7 @@ export default {
   builder: {
     buildApp: async (builder) => {
       const environments = Object.values(builder.environments)
-      return Promise.all(
+      await Promise.all(
         environments.map((environment) => builder.build(environment)),
       )
     },
diff --git a/guide/api-environment-plugins.md b/guide/api-environment-plugins.md
index 4286c5c39..9939685ac 100644
--- a/guide/api-environment-plugins.md
+++ b/guide/api-environment-plugins.md
@@ -31,11 +31,19 @@ Vite 서버는 모든 환경이 공유하는 하나의 플러그인 파이프라
 
 ## 훅을 사용해 새로운 환경 등록하기 {#registering-new-environments-using-hooks}
 
-플러그인은 `config` 훅에서 새로운 환경을 구성할 수 있습니다(예: [RSC](https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components)를 위한 별도의 모듈 그래프 구성하기):
+Plugins can add new environments in the `config` hook. For example, [RSC support](/plugins/#vitejs-plugin-rsc) uses an additional environment to have a separate module graph with the `react-server` condition:
 
 ```ts
   config(config: UserConfig) {
-    config.environments.rsc ??= {}
+    return {
+      environments: {
+        rsc: {
+          resolve: {
+            conditions: ['react-server', ...defaultServerConditions],
+          },
+        },
+      },
+    }
   }
 ```
 
@@ -48,13 +56,21 @@ Vite 서버는 모든 환경이 공유하는 하나의 플러그인 파이프라
 
 ```ts
   configEnvironment(name: string, options: EnvironmentOptions) {
+    // add "workerd" condition to the rsc environment
     if (name === 'rsc') {
-      options.resolve.conditions = // ...
+      return {
+        resolve: {
+          conditions: ['workerd'],
+        },
+      }
+    }
+  }
 ```
 
 ## `hotUpdate` 훅 {#the-hotupdate-hook}
 
 - **타입:** `(this: { environment: DevEnvironment }, options: HotUpdateOptions) => Array<EnvironmentModuleNode> | void | Promise<Array<EnvironmentModuleNode> | void>`
+- **Kind:** `async`, `sequential`
 - **참고:** [HMR API](./api-hmr)
 
 `hotUpdate` 훅을 사용하면 플러그인이 특정 환경에 대해 HMR 업데이트 처리를 커스텀할 수 있습니다. 파일이 변경되면 `server.environments`의 순서에 따라 각 환경에 대해 순차적으로 HMR 알고리즘이 실행되므로, `hotUpdate` 훅은 여러 번 호출됩니다. 훅은 다음과 같은 시그니처를 가진 컨텍스트 객체를 받습니다:
@@ -130,7 +146,7 @@ interface HotUpdateOptions {
 
 ## 플러그인에서의 환경별 상태 관리 {#per-environment-state-in-plugins}
 
-동일한 플러그인 인스턴스가 여러 환경에서 사용되기 때문에, 플러그인 상태는 `this.environment`를 키로 사용해야 합니다. 이는 생태계에서 이미 클라이언트와 SSR 모듈 상태가 섞이지 않도록 `ssr` 불리언 값을 키로 사용해 모듈 상태를 유지하는 패턴과 동일합니다. `Map<Environment, State>`를 사용하여 각 환경의 상태를 별도로 유지할 수 있습니다. 하위 호환성을 위해 `perEnvironmentStartEndDuringDev: true` 플래그 없이는 `buildStart`와 `buildEnd`가 클라이언트 환경에서만 호출됩니다.
+Given that the same plugin instance is used for different environments, the plugin state needs to be keyed with `this.environment`. This is the same pattern the ecosystem has already been using to keep state about modules using the `ssr` boolean as key to avoid mixing client and ssr modules state. A `Map<Environment, State>` can be used to keep the state for each environment separately. Note that for backward compatibility, `buildStart` and `buildEnd` are only called for the client environment without the `perEnvironmentStartEndDuringDev: true` flag. Same for `watchChange` and the `perEnvironmentWatchChangeDuringDev: true` flag.
 
 ```js
 function PerEnvironmentCountTransformedModulesPlugin() {
@@ -211,6 +227,43 @@ export default defineConfig({
 
 `applyToEnvironment` 훅은 설정 시점에 호출되며, 현재는 생태계의 프로젝트들이 플러그인을 수정하기 때문에 `configResolved` 이후에 호출됩니다. 환경 플러그인 해석은 향후 `configResolved` 이전으로 이동될 수 있습니다.
 
+## Application-Plugin Communication
+
+`environment.hot` allows plugins to communicate with the code on the application side for a given environment. This is the equivalent of [the Client-server Communication feature](/guide/api-plugin#client-server-communication), but supports environments other than the client environment.
+
+:::warning Note
+
+Note that this feature is only available for environments that supports HMR.
+
+:::
+
+### Managing the Application Instances
+
+Be aware that there might be multiple application instances running in the same environment. For example, if you multiple tabs open in the browser, each tab is a separate application instance and have a separate connection to the server.
+
+When a new connection is established, a `vite:client:connect` event is emitted on the environment's `hot` instance. When the connection is closed, a `vite:client:disconnect` event is emitted.
+
+Each event handler receives the `NormalizedHotChannelClient` as the second argument. The client is an object with a `send` method that can be used to send messages to that specific application instance. The client reference is always the same for the same connection, so you can keep it to track the connection.
+
+### Example Usage
+
+The plugin side:
+
+```js
+configureServer(server) {
+  server.environments.ssr.hot.on('my:greetings', (data, client) => {
+    // do something with the data,
+    // and optionally send a response to that application instance
+    client.send('my:foo:reply', `Hello from server! You said: ${data}`)
+  })
+
+  // broadcast a message to all application instances
+  server.environments.ssr.hot.send('my:foo', 'Hello from server!')
+}
+```
+
+The application side is same with the Client-server Communication feature. You can use the `import.meta.hot` object to send messages to the plugin.
+
 ## 빌드 훅에서의 환경 {#environment-in-build-hooks}
 
 개발 단계에서와 마찬가지로, 빌드 시에도 플러그인 훅은 `ssr` 불리언 값 대신 환경 인스턴스를 전달받습니다.
diff --git a/guide/api-environment-runtimes.md b/guide/api-environment-runtimes.md
index d5bfe78cf..501fca056 100644
--- a/guide/api-environment-runtimes.md
+++ b/guide/api-environment-runtimes.md
@@ -80,7 +80,7 @@ Vite 개발 서버는 기본적으로 두 가지 환경을 제공합니다: `cli
 
 소스 코드가 변환된 결과물을 모듈이라고 하며, 각 환경에서 처리된 모듈 사이의 의존성 관계는 모듈 그래프에 저장됩니다. 이러한 모듈은 각 환경과 연결된 런타임으로 전송되어 실행됩니다. 그리고 런타임에서 모듈이 분석되면서 다른 모듈을 불러오는 요청이 발생하고, 이에 따라 모듈 그래프에서 관련 부분이 처리됩니다.
 
-Vite 모듈 실행기를 사용하면 Vite 플러그인으로 먼저 처리한 후 코드를 실행할 수 있습니다. 이 모듈 실행 환경은 Vite 서버와 분리되어 있으며, `server.ssrLoadModule`과는 다르게 동작합니다(`server.ssrLoadModule`은 Vite 서버 프로세스 내에서 직접 모듈을 실행 - 옮긴이). 이를 통해 라이브러리와 프레임워크 개발자가 Vite 서버와 실행기 간 통신 계층 구현이 가능합니다. 브라우저는 서버 웹소켓과 HTTP 요청을 통해 해당 환경과 통신하나, Node 모듈 실행기는 동일한 프로세스에서 실행되므로 모듈을 처리하기 위해 직접 함수를 호출할 수도 있습니다. 그 외 환경에서는 workerd나 Vitest처럼 Worker Thread와 같은 JS 런타임을 통해 모듈을 실행할 수 있습니다.
+A Vite Module Runner allows running any code by processing it with Vite plugins first. It is different from `server.ssrLoadModule` because the runner implementation is decoupled from the server. This allows library and framework authors to implement their layer of communication between the Vite server and the runner. The browser communicates with its corresponding environment using the server WebSocket and through HTTP requests. The Node Module runner can directly do function calls to process modules as it is running in the same process. Other environments could run modules connecting to a JS runtime like workerd, or a Worker Thread as Vitest does.
 
 이 기능의 목표 중 하나는 코드를 처리하고 실행하는 API를 사용자가 커스터마이즈할 수 있도록 하는 것입니다. 사용자는 Vite에서 제공하는 기본 구성 요소를 활용해 새로운 환경 팩토리를 만들 수 있습니다.
 
@@ -316,19 +316,28 @@ import { createServer, RemoteEnvironmentTransport, DevEnvironment } from 'vite'
 function createWorkerEnvironment(name, config, context) {
   const worker = new Worker('./worker.js')
   const handlerToWorkerListener = new WeakMap()
+  const client = {
+    send(payload: HotPayload) {
+      worker.postMessage(payload)
+    },
+  }
 
   const workerHotChannel = {
     send: (data) => worker.postMessage(data),
     on: (event, handler) => {
-      if (event === 'connection') return
+      // client is already connected
+      if (event === 'vite:client:connect') return
+      if (event === 'vite:client:disconnect') {
+        const listener = () => {
+          handler(undefined, client)
+        }
+        handlerToWorkerListener.set(handler, listener)
+        worker.on('exit', listener)
+        return
+      }
 
       const listener = (value) => {
         if (value.type === 'custom' && value.event === event) {
-          const client = {
-            send(payload) {
-              worker.postMessage(payload)
-            },
-          }
           handler(value.data, client)
         }
       }
@@ -336,7 +345,16 @@ function createWorkerEnvironment(name, config, context) {
       worker.on('message', listener)
     },
     off: (event, handler) => {
-      if (event === 'connection') return
+      if (event === 'vite:client:connect') return
+      if (event === 'vite:client:disconnect') {
+        const listener = handlerToWorkerListener.get(handler)
+        if (listener) {
+          worker.off('exit', listener)
+          handlerToWorkerListener.delete(handler)
+        }
+        return
+      }
+
       const listener = handlerToWorkerListener.get(handler)
       if (listener) {
         worker.off('message', listener)
@@ -363,6 +381,8 @@ await createServer({
 
 :::
 
+Make sure to implement the `vite:client:connect` / `vite:client:disconnect` events in the `on` / `off` methods when those methods exist. `vite:client:connect` event should be emitted when the connection is established, and `vite:client:disconnect` event should be emitted when the connection is closed. The `HotChannelClient` object passed to the event handler must have the same reference for the same connection.
+
 다음은 HTTP 요청을 통해 실행기와 서버 간 통신하는 다른 예시입니다:
 
 ```ts
diff --git a/guide/api-hmr.md b/guide/api-hmr.md
index 541c9fee4..dc0495fec 100644
--- a/guide/api-hmr.md
+++ b/guide/api-hmr.md
@@ -62,10 +62,14 @@ if (import.meta.hot) {
 
 ## TypeScript를 위한 인텔리센스 {#intellisense-for-typescript}
 
-Vite는 [`vite/client.d.ts`](https://github.com/vitejs/vite/blob/main/packages/vite/client.d.ts)을 통해 `import.meta.hot`에 대한 타입 정의를 제공하고 있습니다. `src` 디렉터리 아래에 `vite-env.d.ts`를 생성해 TypeScript가 타입 정의를 찾을 수 있도록 할 수 있습니다:
+Vite provides type definitions for `import.meta.hot` in [`vite/client.d.ts`](https://github.com/vitejs/vite/blob/main/packages/vite/client.d.ts). You can add "vite/client" in the `tsconfig.json` so TypeScript picks up the type definitions:
 
-```ts [vite-env.d.ts]
-/// <reference types="vite/client" />
+```json [tsconfig.json]
+{
+  "compilerOptions": {
+    "types": ["vite/client"]
+  }
+}
 ```
 
 ## `hot.accept(cb)` {#hot-accept-cb}
diff --git a/guide/api-javascript.md b/guide/api-javascript.md
index 00791c0d7..a2a4766a3 100644
--- a/guide/api-javascript.md
+++ b/guide/api-javascript.md
@@ -114,7 +114,7 @@ interface ViteDevServer {
    */
   watcher: FSWatcher
   /**
-   * `send(payload)` 함수가 있는 web socket 서버
+   * WebSocket server with `send(payload)` method.
    */
   ws: WebSocketServer
   /**
diff --git a/guide/api-plugin.md b/guide/api-plugin.md
index b426d2688..3cbac543a 100644
--- a/guide/api-plugin.md
+++ b/guide/api-plugin.md
@@ -6,13 +6,13 @@ Vite의 플러그인은 Rollup의 멋진 플러그인 인터페이스에 몇 가
 
 ## 플러그인 만들기 {#authoring-a-plugin}
 
-Vite는 확립된 패턴을 제공하기 위해 노력하고 있습니다. 따라서 새 플러그인을 만들기 전 [Vite에서 지원하는 기능들](https://ko.vite.dev/guide/features), [호환되는 Rollup 플러그인](https://github.com/rollup/awesome), 그리고 [Vite 플러그인](https://github.com/vitejs/awesome-vite#plugins)을 확인하여 사용 가능한 것이 있는지 확인해주세요.
+Vite strives to offer established patterns out of the box, so before creating a new plugin make sure that you check the [Features guide](/guide/features) to see if your need is covered. Also review available community plugins, both in the form of a [compatible Rollup plugin](https://github.com/rollup/awesome) and [Vite Specific plugins](https://github.com/vitejs/awesome-vite#plugins)
 
 플러그인을 만들 때는 굳이 새로운 패키지를 만들지 않고 `vite.config.js`에 직접 작성할 수도 있습니다. 만약 작성한 플러그인이 프로젝트에서 유용하다고 생각된다면, [Vite를 사용하는 다른 사람들과 공유해보세요](https://chat.vite.dev).
 
 ::: tip
 플러그인을 학습하거나, 디버깅 또는 새롭게 작성할 때, 프로젝트에 [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect)를 설치하는 것이 좋습니다. 이 모듈은 `localhost:5173/__inspect/`를 통해 Vite 플러그인의 중간 상태를 검사할 수 있도록 도와줍니다. 더 자세한 사항은 [vite-plugin-inspect 문서](https://github.com/antfu/vite-plugin-inspect)를 참고해주세요.
-![vite-plugin-inspect](../images/vite-plugin-inspect.png)
+![vite-plugin-inspect](../images/vite-plugin-inspect.webp)
 :::
 
 ## 플러그인 작성 규칙 {#conventions}
@@ -286,7 +286,7 @@ Vite의 플러그인은 Vite 전용 훅을 사용할 수 있습니다. 물론 
 
   **서버 인스턴스 저장하기**
 
-  플러그인 훅에서 개발 서버 인스턴스가 필요한 경우도 있습니다. 가령 웹 소켓 서버나, 파일 시스템 감시자, 또는 모듈 디펜던시 그래프에 접근해야 하는 경우와 같이 말이죠. `configureServer` 훅은 다른 훅에서 서버 인스턴스에 접근할 수 있도록 도와줄 수 있습니다:
+  In some cases, other plugin hooks may need access to the dev server instance (e.g. accessing the WebSocket server, the file system watcher, or the module graph). This hook can also be used to store the server instance for access in other hooks:
 
   ```js
   const myPlugin = () => {
@@ -387,6 +387,9 @@ Vite의 플러그인은 Vite 전용 훅을 사용할 수 있습니다. 물론 
 
   interface HtmlTagDescriptor {
     tag: string
+    /**
+     * attribute values will be escaped automatically if needed
+     */
     attrs?: Record<string, string | boolean>
     children?: string | HtmlTagDescriptor[]
     /**
@@ -403,6 +406,7 @@ Vite의 플러그인은 Vite 전용 훅을 사용할 수 있습니다. 물론 
 ### `handleHotUpdate` {#handlehotupdate}
 
 - **타입:** `(ctx: HmrContext) => Array<ModuleNode> | void | Promise<Array<ModuleNode> | void>`
+- **Kind:** `async`, `sequential`
 - **관련 항목:** [HMR API](./api-hmr)
 
   사용자가 지정한 방식대로 HMR 업데이트를 수행합니다. 이 훅은 아래와 같은 컨텍스트 객체를 전달받습니다:
@@ -547,6 +551,41 @@ normalizePath('foo/bar') // 'foo/bar'
 
 Vite는 Vite 전용 플러그인 및 통합(Integration)이 표준 포함(Include)/제외(Exclude) 필터링 패턴을 사용하도록 [`@rollup/pluginutils`의 `createFilter`](https://github.com/rollup/plugins/tree/master/packages/pluginutils#createfilter) 함수를 제공하고 있습니다. 참고로 이 방식은 Vite 코어 자체에서도 사용합니다.
 
+### Hook Filters
+
+Rolldown introduced a [hook filter feature](https://rolldown.rs/plugins/hook-filters) to reduce the communication overhead between the Rust and JavaScript runtimes. This feature allows plugins to specify patterns that determine when hooks should be called, improving performance by avoiding unnecessary hook invocations.
+
+This is also supported by Rollup 4.38.0+ and Vite 6.3.0+. To make your plugin backward compatible with older versions, make sure to also run the filter inside the hook handlers.
+
+```js
+export default function myPlugin() {
+  const jsFileRegex = /\.js$/
+
+  return {
+    name: 'my-plugin',
+    // Example: only call transform for .js files
+    transform: {
+      filter: {
+        id: jsFileRegex,
+      },
+      handler(code, id) {
+        // Additional check for backward compatibility
+        if (!jsFileRegex.test(id)) return null
+
+        return {
+          code: transformCode(code),
+          map: null,
+        }
+      },
+    },
+  }
+}
+```
+
+::: tip
+[`@rolldown/pluginutils`](https://www.npmjs.com/package/@rolldown/pluginutils) exports some utilities for hook filters like `exactRegex` and `prefixRegex`.
+:::
+
 ## 클라이언트-서버 커뮤니케이션 {#client-server-communication}
 
 Vite 2.9부터 클라이언트와의 통신을 처리하는 데 도움이 되는 플러그인용 유틸을 제공합니다.
diff --git a/guide/assets.md b/guide/assets.md
index 6a4dedba9..06ef19998 100644
--- a/guide/assets.md
+++ b/guide/assets.md
@@ -46,7 +46,7 @@ document.getElementById('hero-img').style.background = `url("${imgUrl}")`
 
 ### 접미사를 이용해 URL로 에셋 가져오기 {#explicit-url-imports}
 
-Vite 내부적으로 설정된 목록이나 `assetsInclude`에 포함되지 않은 에셋도 `?url` 접미사를 사용해 명시적으로 URL로서 가져올 수 있습니다. 이는 [Houdini Paint Worklets](https://developer.mozilla.org/en-US/docs/Web/API/CSS/paintWorklet_static)를 가져올 때와 같은 상황에서 유용합니다.
+Assets that are not included in the internal list or in `assetsInclude` can be explicitly imported as a URL using the `?url` suffix. This is useful, for example, to import [Houdini Paint Worklets](https://developer.mozilla.org/en-US/docs/Web/API/CSS/paintWorklet_static).
 
 ```js twoslash
 import 'vite/client'
@@ -167,5 +167,5 @@ function getImageUrl(name) {
 :::
 
 ::: warning SSR과 함께 사용하지 마세요!
-`import.meta.url`은 브라우저와 Node.js 간 서로 다른 의미를 갖기 때문에, 이 패턴은 서버-사이드 렌더링(SSR)에 Vite를 사용하는 경우 동작하지 않습니다. 또한 서버 번들은 클라이언트 호스트의 URL을 미리 결정할 수 없습니다.
+This pattern does not work if you are using Vite for Server-Side Rendering, because `import.meta.url` has different semantics in browsers vs. Node.js. The server bundle also cannot determine the client host URL ahead of time.
 :::
\ No newline at end of file
diff --git a/guide/backend-integration.md b/guide/backend-integration.md
index 288178a8e..c4b86dd62 100644
--- a/guide/backend-integration.md
+++ b/guide/backend-integration.md
@@ -62,7 +62,7 @@
    </script>
    ```
 
-3. 프로덕션 빌드 단계: `vite build`를 실행하게 되면 `.vite/manifest.json` 파일이 에셋 파일과 함께 생성됩니다. 매니페스트 파일은 다음과 같은 구조를 가집니다:
+3. For production, after running `vite build`, a `.vite/manifest.json` file will be generated alongside other asset files. An example manifest file looks like this:
 
    ```json [.vite/manifest.json]
    {
diff --git a/guide/build.md b/guide/build.md
index d4a6651bb..8f22b4f40 100644
--- a/guide/build.md
+++ b/guide/build.md
@@ -78,7 +78,7 @@ window.addEventListener('vite:preloadError', (event) => {
 })
 ```
 
-새로운 배포가 시작되면 호스팅 서비스에서 이전에 배포된 에셋을 삭제할 가능성이 있습니다. 그 결과, 새로운 배포 이전에 사이트를 방문했던 사용자는 임포트 에러를 마주할 수 있습니다. 이 에러는 사용자의 기기에 존재하는 에셋이 만료되었음에도, 이에 대응하는 이전의 청크를 임포트하려고 하기 때문에 발생합니다. 위 이벤트는 이러한 상황을 해결하는 데 사용이 가능합니다.
+When a new deployment occurs, the hosting service may delete the assets from previous deployments. As a result, a user who visited your site before the new deployment might encounter an import error. This error happens because the assets running on that user's device are outdated and it tries to import the corresponding old chunk, which is deleted. This event is useful for addressing this situation. In this case, make sure to set `Cache-Control: no-cache` on the HTML file, otherwise the old assets will be still referenced.
 
 ## 파일 변경 시 다시 빌드하기 {#rebuild-on-files-changes}
 
diff --git a/guide/cli.md b/guide/cli.md
index c5ff040a0..85ef3c6b6 100644
--- a/guide/cli.md
+++ b/guide/cli.md
@@ -106,6 +106,8 @@ vite optimize [root]
 
 프로덕션 빌드를 로컬에서 미리 봅니다. 프로덕션 서버용으로 설계되지 않았기에 프로덕션 서버로 사용하면 안 됩니다.
 
+This command starts a server in the build directory (by default `dist`). Run `vite build` beforehand to ensure that the build directory is up-to-date. Depending on the project's configured [`appType`](/config/shared-options.html#apptype), it makes use of certain middleware.
+
 #### 사용 방법 {#usage-3}
 
 ```bash
diff --git a/guide/env-and-mode.md b/guide/env-and-mode.md
index 4d43291e5..cf6c73144 100644
--- a/guide/env-and-mode.md
+++ b/guide/env-and-mode.md
@@ -2,6 +2,17 @@
 
 Vite는 `import.meta.env` 라는 특수한 객체를 통해 특정 상수들을 노출합니다. 이러한 상수들은 개발 시 전역 변수로 정의되나, 빌드 시에는 정적으로 치환되어 효과적인 트리 셰이킹이 가능합니다.
 
+:::details Example
+
+```js
+if (import.meta.env.DEV) {
+  // code inside here will be tree-shaken in production builds
+  console.log('Dev mode')
+}
+```
+
+:::
+
 ## 내장 상수 {#built-in-constants}
 
 모든 상황에서 사용할 수 있는 내장 상수들은 다음과 같습니다:
@@ -63,6 +74,12 @@ Vite가 실행될 때 이미 존재하던 환경 변수는 가장 높은 우선
 
 :::
 
+:::warning Bun users
+
+When using [Bun](https://bun.sh), be aware that Bun automatically loads `.env` files before your script runs. This built-in behavior loads environment variables directly into `process.env` and can interfere with Vite's feature, as it respects existing `process.env` values. See [oven-sh/bun#5515](https://github.com/oven-sh/bun/issues/5515) for workarounds.
+
+:::
+
 또한 Vite는 [dotenv-expand](https://github.com/motdotla/dotenv-expand)를 사용해 env 파일에 작성된 환경 변수를 확장합니다. 문법에 대해 더 알아보고 싶다면 [이 문서](https://github.com/motdotla/dotenv-expand#what-rules-does-the-expansion-engine-follow)를 참고하세요.
 
 만약 환경 변수의 값에 `$`를 사용하고 싶다면 `\`를 사용해야 합니다.
@@ -92,7 +109,7 @@ VITE_FOO=foo${VITE_BAR}
 VITE_BAR=bar
 ```
 
-이는 셸 스크립트나 `docker-compose`와 같은 다른 도구에서는 작동하지 않습니다.
+This does not work in shell scripts and other tools like `docker compose`.
 하지만 Vite는 이 동작을 지원하는데, 이는 `dotenv-expand`가 오랫동안 이 기능을 지원해 왔고, JavaScript 생태계 내 다른 도구들도 이 동작을 지원하는 이전 버전을 사용하고 있기 때문입니다.
 
 다만 상호 운용성 문제를 피하기 위해 이러한 동작에 의존하지 않는 것이 좋습니다. Vite는 향후 이러한 동작에 대해 경고를 표시할 수 있습니다.
@@ -106,8 +123,6 @@ VITE_BAR=bar
 `src` 디렉터리 내 `vite-env.d.ts` 파일을 생성한 후, 아래와 같이 `ImportMetaEnv`를 정의하여 `VITE_` 환경 변수에 대한 타입을 정의할 수 있습니다.
 
 ```typescript [vite-env.d.ts]
-/// <reference types="vite/client" />
-
 interface ViteTypeOptions {
   // 아래 라인을 추가하면, ImportMetaEnv 타입을 엄격하게 설정해
   // 알 수 없는 키를 허용하지 않게 할 수 있습니다.
diff --git a/guide/features.md b/guide/features.md
index 29dd80186..5323338f8 100644
--- a/guide/features.md
+++ b/guide/features.md
@@ -113,15 +113,7 @@ Vite 스타터 템플릿은 TypeScript의 특정 버전과 설정만을 지원
 
 ### Client Types {#client-types}
 
-Vite의 기본 타입들은 Node.js API를 위한 것입니다. Vite 애플리케이션의 클라이언트 사이드 코드 환경을 시뮬레이트(Shim)하려면, `d.ts` 선언 파일을 추가해주세요:
-
-```typescript
-/// <reference types="vite/client" />
-```
-
-::: details `compilerOptions.types` 사용하기
-
-`tsconfig.json` 내 `compilerOptions.types`에 `vite/client`를 추가할 수도 있습니다:
+Vite's default types are for its Node.js API. To shim the environment of client-side code in a Vite application, you can add `vite/client` to `compilerOptions.types` inside `tsconfig.json`:
 
 ```json [tsconfig.json]
 {
@@ -131,7 +123,15 @@ Vite의 기본 타입들은 Node.js API를 위한 것입니다. Vite 애플리
 }
 ```
 
-[`compilerOptions.types`](https://www.typescriptlang.org/tsconfig#types)를 지정하는 경우, 전역 스코프에는 지정된 패키지만이 포함되며, 모든 "@types" 패키지는 포함되지 않습니다.
+Note that if [`compilerOptions.types`](https://www.typescriptlang.org/tsconfig#types) is specified, only these packages will be included in the global scope (instead of all visible ”@types” packages). This is recommended since TS 5.9.
+
+::: details Using triple-slash directive
+
+Alternatively, you can add a `d.ts` declaration file:
+
+```typescript [vite-env.d.ts]
+/// <reference types="vite/client" />
+```
 
 :::
 
@@ -153,7 +153,13 @@ Vite의 기본 타입들은 Node.js API를 위한 것입니다. Vite 애플리
     export default content
   }
   ```
-- The file containing the reference to `vite/client` (normally `vite-env.d.ts`):
+- If you are using `compilerOptions.types`, ensure the file is included in `tsconfig.json`:
+  ```json [tsconfig.json]
+  {
+    "include": ["src", "./vite-env-override.d.ts"]
+  }
+  ```
+- If you are using triple-slash directives, update the file containing the reference to `vite/client` (normally `vite-env.d.ts`):
   ```ts
   /// <reference types="./vite-env-override.d.ts" />
   /// <reference types="vite/client" />
@@ -213,8 +219,9 @@ HTML 파일은 Vite 프로젝트에서 [중심적인 역할](/guide/#index-html-
 - Vue JSX: [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx)
 - React: [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react)
 - React using SWC support via [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react-swc)
+- [React Server Components (RSC)](https://react.dev/reference/rsc/server-components) support via [@vitejs/plugin-rsc](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc)
 
-자세한 내용은 [플러그인 가이드](https://ko.vite.dev/plugins)를 참고해 주세요.
+Check out the [Plugins Guide](/plugins/) for more information.
 
 ## JSX {#jsx}
 
@@ -543,7 +550,7 @@ const modules = {
 
 #### 커스텀 쿼리 {#custom-queries}
 
-`query` 옵션을 이용해 Import에 대한 쿼리를 작성할 수 있습니다. 예를 들어, [문자열 형태](https://ko.vite.dev/guide/assets.html#importing-asset-as-string) 또는 [URL 형태](https://ko.vite.dev/guide/assets.html#importing-asset-as-url)로 에셋을 가져올 수 있습니다:
+You can also use the `query` option to provide queries to imports, for example, to import assets [as a string](/guide/assets.html#importing-asset-as-string) or [as a url](/guide/assets.html#importing-asset-as-url):
 
 ```ts twoslash
 import 'vite/client'
@@ -612,7 +619,7 @@ Glob 패턴과 관련하여 다음의 사항을 유의해주세요:
 
 - 이 기능들은 Vite에서 제공하는 기능입니다. (ES 표준이나 웹 브라우저에서 제공하는 기능이 아니에요.)
 - Glob 패턴 사용 시, 상대 경로(`./`) 또는 절대 경로(`/`) 또는 [`resolve.alias` 옵션](/config/shared-options.md#resolve-alias)을 통해 별칭으로 지정된 경로 만을 이용해야 합니다.
-- Glob 패턴 매칭은 [`tinyglobby`](https://github.com/SuperchupuDev/tinyglobby)을 이용합니다.
+- The glob matching is done via [`tinyglobby`](https://github.com/SuperchupuDev/tinyglobby) - check out its documentation for [supported glob patterns](https://superchupu.dev/tinyglobby/comparison).
 - `import.meta.glob`으로 전달되는 모든 인자는 **리터럴 값을 전달해야 합니다**. 변수나 표현식을 사용할 수 없습니다.
 
 ## 동적 Import {#dynamic-import}
@@ -782,6 +789,42 @@ CSP를 배포하려면 Vite 내부적으로 특정 지시문 또는 구성을 
 [`script-src`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src)에 `data:`를 허용하지 마세요. 임의 스크립트 삽입을 허용하게 됩니다.
 :::
 
+## License
+
+Vite can generate a file of all the dependencies' licenses used in the build with the [`build.license`](/config/build-options.md#build-license) option. It can be hosted to display and acknowledge the dependencies used by the app.
+
+```js twoslash [vite.config.js]
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  build: {
+    license: true,
+  },
+})
+```
+
+This will generate a `.vite/license.md` file with an output that may look like this:
+
+```md
+# Licenses
+
+The app bundles dependencies which contain the following licenses:
+
+## dep-1 - 1.2.3 (CC0-1.0)
+
+CC0 1.0 Universal
+
+...
+
+## dep-2 - 4.5.6 (MIT)
+
+MIT License
+
+...
+```
+
+To serve the file at a different path, you can pass `{ fileName: 'license.md' }` for example, so that it's served at `https://example.com/license.md`. See the [`build.license`](/config/build-options.md#build-license) docs for more information.
+
 ## 빌드 최적화 {#build-optimizations}
 
 > 아래는 추가적인 설정 없이 기본적으로 빌드 프로세스에 적용되는 기능들에 대한 목록입니다. 물론, 필요 시 각각의 기능들에 대한 비활성화가 가능합니다.
diff --git a/guide/index.md b/guide/index.md
index 8e0aefa9f..2b38d3be6 100644
--- a/guide/index.md
+++ b/guide/index.md
@@ -6,7 +6,7 @@
 
 ## 들어가기 전에 {#overview}
 
-Vite(프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷한 `/vit/`<button style="border:none;padding:3px;border-radius:4px;vertical-align:bottom" id="play-vite-audio" aria-label="pronounce" onclick="document.getElementById('vite-audio').play();"><svg style="height:2em;width:2em"><use href="/voice.svg?no-inline#voice" /></svg></button> 입니다.)는 모던 웹 프로젝트 개발 환경에 초점을 맞춰 탄생한 빠르고 간결한 빌드 툴입니다. 크게 두 가지 부분으로 구성되어 있습니다:
+Vite (French word for "quick", pronounced `/vit/`<button style="border:none;padding:3px;border-radius:4px;vertical-align:bottom" id="play-vite-audio" aria-label="pronounce" onclick="document.getElementById('vite-audio').play();"><svg style="height:2em;width:2em"><use href="../images/voice.svg?no-inline#voice" /></svg></button>, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:
 
 - [네이티브 ES 모듈](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules)을 통해 소스 파일을 제공하는 개발 서버로, [다양한 기능](./features)과 놀라울 정도로 빠른 [Hot Module Replacement(HMR)](./features#hot-module-replacement)를 제공합니다.
 
@@ -259,6 +259,8 @@ pnpm link --global # 이 단계에서는 선호하는 패키지 관리자를 사
 
 이후 Vite를 클론한 프로젝트 위에서 `pnpm link --global vite` 명령을 실행해 주세요(또는 `vite`를 전역적으로 링크하는 데 사용했던 패키지 관리자를 사용합니다). 이 작업 이후 개발 서버를 재시작(`yarn dev`)하게 되면, 클론된 Vite를 이용해 프로젝트를 진행할 수 있게 됩니다.
 
+To learn more about how and when Vite does releases, check out the [Releases](../releases.md) documentation.
+
 ::: tip Vite를 사용하는 디펜던시
 디펜던시에서 간접적으로 사용되는 Vite 버전을 교체하려면, [npm overrides](https://docs.npmjs.com/cli/v11/configuring-npm/package-json#overrides) 또는 [pnpm overrides](https://pnpm.io/9.x/package_json#pnpmoverrides)를 사용해야 합니다.
 :::
diff --git a/guide/rolldown.md b/guide/rolldown.md
index b24c68825..a811fce93 100644
--- a/guide/rolldown.md
+++ b/guide/rolldown.md
@@ -22,7 +22,7 @@ Rolldown은 세 가지 핵심 원칙이 있습니다:
 
 3. **추가 기능**: 고급 청크 분할 제어, 내장 HMR, 모듈 페더레이션 등 Rollup이나 esbuild에서 제공하지 않는 기능들을 Rolldown에서 도입합니다.
 
-Rolldown을 개발하게 된 동기에 대해 더 알고자 한다면, [Rolldown이 만들어진 이유](https://rolldown.rs/guide/#why-rolldown)를 참고해 주세요.
+For additional insights on the motivations behind Rolldown, see the [reasons why Rolldown is being built](https://rolldown.rs/guide/introduction#why-rolldown).
 
 ## `rolldown-vite` 이점 {#benefits-of-trying-rolldown-vite}
 
@@ -43,6 +43,12 @@ Rolldown을 개발하게 된 동기에 대해 더 알고자 한다면, [Rolldown
 }
 ```
 
+::: tip Please pin the version!
+
+While these examples use `@latest`, we recommend using a specific version number to avoid unexpected breaking changes as [`rolldown-vite` is considered experimental](#versioning-policy).
+
+:::
+
 Vitepress나 다른 메타 프레임워크와 같이 Vite를 피어 디펜던시로 사용하고 있다면, `package.json` 파일에서 `vite` 디펜던시를 오버라이드해야 합니다. 사용중인 패키지 매니저에 따라 방법이 조금 다릅니다:
 
 :::code-group
@@ -85,6 +91,8 @@ Vitepress나 다른 메타 프레임워크와 같이 Vite를 피어 디펜던시
 
 오버라이드를 추가한 후 디펜던시를 재설치한 뒤, 평소처럼 개발 서버를 시작하거나 프로젝트 빌드를 수행해 주세요. 추가적인 설정 변경은 필요하지 않습니다.
 
+If you are starting a new project, you can use `create-vite` as normal for rolldown-vite, too. The latest version will ask you whether to use `rolldown-vite` or not.
+
 ## 알려진 제약 사항 {#known-limitations}
 
 Rolldown은 Rollup 대체 목적으로 설계되었지만, 아직 구현 중인 기능과 의도적인 동작 차이가 있습니다. 자세한 목록은 정기적으로 업데이트되는 [이 GitHub PR](https://github.com/vitejs/rolldown-vite/pull/84#issue-2903144667)을 참고해 주세요.
@@ -103,7 +111,7 @@ Rolldown은 알 수 없거나 유효하지 않은 옵션이 전달될 때 경고
 
 #### `manualChunks`에서 `advancedChunks`로 {#manualchunks-to-advancedchunks}
 
-Rolldown은 Rollup에서도 제공되는 `manualChunks` 옵션을 지원하지만, 이는 지원 중단으로 표시되어 있습니다. 대신 Rolldown은 webpack의 `splitChunk`와 더 유사한 [`advancedChunks` 옵션](https://rolldown.rs/guide/in-depth/advanced-chunks#advanced-chunks)을 통해 더 세밀한 설정을 제공합니다:
+While Rolldown has support for the `manualChunks` option that is also exposed by Rollup, it is marked deprecated. Instead of it, Rolldown offers a more fine-grained setting via the [`advancedChunks` option](https://rolldown.rs/in-depth/advanced-chunks), which is more similar to webpack's `splitChunk`:
 
 ```js
 // Old configuration (Rollup)
@@ -141,9 +149,9 @@ export default {
 
 ## 네이티브 플러그인 활성화 {#enabling-native-plugins}
 
-Rolldown과 Oxc 덕분에 별칭(alias)이나 resolve 플러그인과 같은 다양한 Vite 내부 플러그인들이 Rust로 전환되었습니다. 다만 현재 시점에서는 플러그인 동작이 JavaScript 버전과 다를 수 있기 때문에, 기본적으로 비활성화되어 있습니다.
+Thanks to Rolldown and Oxc, various internal Vite plugins, such as the alias or resolve plugin, have been converted to Rust. Native plugins are now enabled by default, with the default value set to `'v1'`.
 
-이를 테스트하려면 Vite 설정에서 `experimental.enableNativePlugin` 옵션을 `true`로 설정해 주세요.
+If you encounter any issues, you can change the `experimental.enableNativePlugin` option in your Vite config to `'resolver'` or `false` as a workaround. Note that this option will be removed in the future.
 
 ### Oxc의 React refresh 변환 활용하기 {#utilizing-oxc-s-react-refresh-transform}
 
@@ -314,14 +322,9 @@ const plugin = {
 
 ### 훅 필터 기능 {#hook-filter-features}
 
-Rolldown은 Rust와 JavaScript 런타임 간 통신 오버헤드를 줄이기 위해 [훅 필터 기능](https://rolldown.rs/guide/plugin-development#plugin-hook-filters)을 도입했습니다. 이를 사용해 플러그인 성능을 향상시킬 수 있습니다.
-훅 필터 기능은 Rollup 4.38.0+ 및 Vite 6.3.0+ 에서도 지원합니다. Rollup 4.38.0 미만이나 Vite 6.3.0 미만 버전과 호환되는 플러그인을 만들고자 한다면, 외부 필터 설정과 별개로 훅 함수 내부에서도 동일한 필터링 로직을 구현해야 합니다. (자세한 내용은 [Rolldown 훅 필터 기능 문서](https://rolldown.rs/guide/plugin-development#plugin-hook-filters)를 참고해 주세요 - 옮긴이)
+Rolldown introduced a [hook filter feature](https://rolldown.rs/apis/plugin-hook-filters) to reduce the communication overhead between the Rust and JavaScript runtimes. This feature allows plugins to specify patterns that determine when hooks should be called, improving performance by avoiding unnecessary hook invocations.
 
-::: tip
-
-[`@rolldown/pluginutils`](https://www.npmjs.com/package/@rolldown/pluginutils)는 `exactRegex`나 `prefixRegex`와 같은 훅 필터를 위한 유틸리티들을 익스포트합니다.
-
-:::
+See the [Hook Filters guide](/guide/api-plugin#hook-filters) for more information.
 
 ### `load` 또는 `transform` 훅에서 콘텐츠를 JavaScript로 변환하기 {#converting-content-to-javascript-in-load-or-transform-hooks}
 
@@ -342,4 +345,4 @@ const plugin = {
 }
 ```
 
-이는 [Rolldown이 JavaScript가 아닌 모듈을 지원하며](https://rolldown.rs/guide/in-depth/module-types), 명시적으로 지정하지 않는 한 확장자에서 모듈 타입을 추론하기 때문입니다.
\ No newline at end of file
+This is because [Rolldown supports non-JavaScript modules](https://rolldown.rs/in-depth/module-types) and infers the module type from extensions unless specified.
\ No newline at end of file
diff --git a/guide/static-deploy-github-pages.yaml b/guide/static-deploy-github-pages.yaml
index 87a55b948..b39c24779 100644
--- a/guide/static-deploy-github-pages.yaml
+++ b/guide/static-deploy-github-pages.yaml
@@ -33,9 +33,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
       - name: Set up Node
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: lts/*
           cache: 'npm'
@@ -46,7 +46,7 @@ jobs:
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
+        uses: actions/upload-pages-artifact@v4
         with:
           # dist 폴더 업로드
           path: './dist'
diff --git a/guide/static-deploy.md b/guide/static-deploy.md
index f44aee385..e9863c7cc 100644
--- a/guide/static-deploy.md
+++ b/guide/static-deploy.md
@@ -55,15 +55,27 @@ $ npm run preview
 
 ## GitHub Pages {#github-pages}
 
-1. `vite.config.js` 파일 내 `base` 설정값을 적절하게 설정합니다.
+1. **Update Vite Config**
+
+   Set the correct `base` in `vite.config.js`.
 
     만약 GitHub Pages를 통해 `https://<USERNAME>.github.io/`이나 커스텀 도메인(예: `www.example.com`)에 배포하고자 한다면, `base` 설정값을 `'/'`로 지정해 주세요. 또는 `base`의 기본값이 `'/'`이기 때문에 설정에서 `base`를 제거해도 됩니다.
 
    만약 `https://<USERNAME>.github.io/<REPO>/`와 같은 형태로 배포하고자 한다면(예: 리포지토리가 `https://github.com/<USERNAME>/<REPO>`인 경우), `base` 설정값을 `'/<REPO>/'`로 지정해 주세요.
 
-2. 리포지토리 설정 페이지에서 GitHub Pages 설정으로 이동한 후, 배포 소스를 "GitHub Actions"로 지정해 주세요. 이를 통해 프로젝트를 빌드하고 배포하는 워크플로우를 생성할 수 있습니다. 아래는 npm을 이용해 의존성을 설치하고 빌드하는 예시입니다:
+2. **Enable GitHub Pages**
+
+   In your repository, go to **Settings → Pages**. Under **Build and deployment**, open the **Source** dropdown, and select **GitHub Actions**.
+
+   GitHub will now deploy your site using a GitHub Actions [workflow](https://docs.github.com/en/actions/concepts/workflows-and-actions/workflows), which is necessary since Vite requires a build step for deployment.
+
+3. **Create a Workflow**
+
+   Create a new file in your repository at `.github/workflows/deploy.yml`. You can also click on **“create your own”** from the previous step, which will generate a starter workflow file for you.
 
-   <<< ./static-deploy-github-pages.yaml#content
+   Here’s a sample workflow that installs dependencies with npm, builds the site, and deploys it whenever you push changes to the `main` branch:
+
+   <<< ./static-deploy-github-pages.yaml#content [.github/workflows/deploy.yml]
 
 ## GitLab Pages 그리고 GitLab CI {#github-pages-and-gitlab-ci}
 
@@ -296,8 +308,16 @@ VS Code에 확장 프로그램을 설치한 뒤 앱의 루트 디렉터리로 
 
 ## Kinsta 정적 사이트 호스팅 {#kinsta-static-site-hosting}
 
-[이 문서](https://kinsta.com/docs/react-vite-example/)를 통해 [Kinsta](https://kinsta.com/static-site-hosting/)로 정적 사이트를 배포할 수 있습니다.
+Deploy your static site using [Kinsta](https://kinsta.com/static-site-hosting/) by following these [instructions](https://kinsta.com/docs/static-site-hosting/static-site-quick-start/react-static-site-examples/#react-with-vite).
 
 ## xmit 정적 사이트 호스팅 {#xmit-static-site-hosting}
 
-[xmit](https://xmit.co)를 사용하여 정적 사이트를 배포하려면 이 [가이드](https://xmit.dev/posts/vite-quickstart/)를 따라주세요.
\ No newline at end of file
+[xmit](https://xmit.co)를 사용하여 정적 사이트를 배포하려면 이 [가이드](https://xmit.dev/posts/vite-quickstart/)를 따라주세요.
+
+## Zephyr Cloud
+
+[Zephyr Cloud](https://zephyr-cloud.io) is a deployment platform that integrates directly into your build process and provides global edge distribution for module federation and other kind of applications.
+
+Zephyr follows a different approach than other cloud providers. It integrates directly with Vite build process, so every time you build or run the dev server for your application, it will be automatically deployed with Zephyr Cloud.
+
+Follow the steps in [the Vite deployment guide](https://docs.zephyr-cloud.io/bundlers/vite) to get started.
\ No newline at end of file
diff --git a/guide/troubleshooting.md b/guide/troubleshooting.md
index 47aeade7a..126c75849 100644
--- a/guide/troubleshooting.md
+++ b/guide/troubleshooting.md
@@ -150,6 +150,45 @@ HTML 파일 출력이 `file` 프로토콜로 열린 경우 다음 오류와 함
 
 `ENOENT: no such file or directory` 또는 `Module not found`와 같은 오류가 발생하는 경우, 이는 대소문자를 구분하지 않는 파일 시스템(Windows / macOS)에서 개발되었지만 대소문자를 구분하는 시스템(Linux)에서 빌드될 때 자주 발생합니다. import 시 올바른 대소문자를 사용하고 있는지 확인하세요.
 
+### `Failed to fetch dynamically imported module` error
+
+> TypeError: Failed to fetch dynamically imported module
+
+This error occurs in several cases:
+
+- Version skew
+- Poor network conditions
+- Browser extensions blocking requests
+
+#### Version skew
+
+When you deploy a new version of your application, the HTML file and the JS files still reference old chunk names that were deleted in the new deployment. This happens when:
+
+1. Users have an old version of your app cached in their browser
+2. You deploy a new version with different chunk names (due to code changes)
+3. The cached HTML tries to load chunks that no longer exist
+
+If you are using a framework, refer to their documentation first as it may have a built-in solution for this problem.
+
+To resolve this, you can:
+
+- **Keep old chunks temporarily**: Consider keeping the previous deployment's chunks for a period to allow cached users to transition smoothly.
+- **Use a service worker**: Implement a service worker that will prefetch all the assets and cache them.
+- **Prefetch the dynamic chunks**: Note that this does not help if your HTML file is cached by the browser due to `Cache-Control` headers.
+- **Implement a graceful fallback**: Implement error handling for dynamic imports to reload the page when chunks are missing. See [Load Error Handling](./build.md#load-error-handling) for more details.
+
+#### Poor network conditions
+
+This error may occur in unstable network environments. For example, when the request fails due to network errors or server downtime.
+
+Note that you cannot retry the dynamic import due to browser limitations ([whatwg/html#6768](https://github.com/whatwg/html/issues/6768)).
+
+#### Browser extensions blocking requests
+
+The error may also occur if the browser extensions (like ad-blockers) are blocking that request.
+
+It might be possible to work around by selecting a different chunk name by [`build.rollupOptions.output.chunkFileNames`](../config/build-options.md#build-rollupoptions), as these extensions often block requests based on file names (e.g. names containing `ad`, `track`).
+
 ## 디펜던시 최적화 {#optimized-dependencies}
 
 ### 링크된 로컬 패키지의 경우 사전 번들링 된 디펜던시가 갱신되지 않음 {#outdated-pre-bundled-deps-when-linking-to-a-local-package}
@@ -206,7 +245,11 @@ Vite는 엄격하지 않은 모드(느슨한 모드)에서만 실행되는 코
 이러한 코드들이 의존성 모듈 내부에서 사용된다면, 문제를 해결하기 위해[`patch-package`](https://github.com/ds300/patch-package) (또는 [`yarn patch`](https://yarnpkg.com/cli/patch) 또는 [`pnpm patch`](https://pnpm.io/cli/patch))를 사용할 수 있습니다.
 
 ### 브라우저 확장 프로그램 {#browser-extensions}
+Some browser extensions (like ad-blockers) may prevent the Vite client from sending requests to the Vite dev server. You may see a white screen without logged errors in this case. You may also see the following error:
+
+> TypeError: Failed to fetch dynamically imported module
 
+Try disabling extensions if you have this issue.
 광고 차단기와 같은 일부 브라우저 확장 프로그램은 Vite 클라이언트가 Vite 개발 서버에 요청을 보내는 것을 방지할 수 있습니다. 이 경우 화면이 흰색으로 표시되고 오류가 표시되지 않을 수 있습니다. 이러한 문제가 발생하는 경우 확장 프로그램을 비활성화해 보세요.
 
 ### Windows의 드라이브 간 링크 {#cross-drive-links-on-windows}
diff --git a/images/community/placeholder.webp b/images/community/placeholder.webp
new file mode 100644
index 000000000..d448a0d1f
Binary files /dev/null and b/images/community/placeholder.webp differ
diff --git a/images/ecosystem-vite4.webp b/images/ecosystem-vite4.webp
new file mode 100644
index 000000000..02624e90b
Binary files /dev/null and b/images/ecosystem-vite4.webp differ
diff --git a/images/v3-docs.png b/images/v3-docs.png
deleted file mode 100644
index 119893719..000000000
Binary files a/images/v3-docs.png and /dev/null differ
diff --git a/images/v3-docs.webp b/images/v3-docs.webp
new file mode 100644
index 000000000..c386a2b64
Binary files /dev/null and b/images/v3-docs.webp differ
diff --git a/images/v3-new-open-issues-and-PRs.png b/images/v3-new-open-issues-and-PRs.png
deleted file mode 100644
index 48fd1dea0..000000000
Binary files a/images/v3-new-open-issues-and-PRs.png and /dev/null differ
diff --git a/images/v3-new-open-issues-and-PRs.webp b/images/v3-new-open-issues-and-PRs.webp
new file mode 100644
index 000000000..9e189123f
Binary files /dev/null and b/images/v3-new-open-issues-and-PRs.webp differ
diff --git a/images/v3-open-issues-and-PRs.png b/images/v3-open-issues-and-PRs.png
deleted file mode 100644
index fa53ba8a1..000000000
Binary files a/images/v3-open-issues-and-PRs.png and /dev/null differ
diff --git a/images/v3-open-issues-and-PRs.webp b/images/v3-open-issues-and-PRs.webp
new file mode 100644
index 000000000..2cb6f44bd
Binary files /dev/null and b/images/v3-open-issues-and-PRs.webp differ
diff --git a/images/vercel-configuration.png b/images/vercel-configuration.png
deleted file mode 100644
index e9fe9e78c..000000000
Binary files a/images/vercel-configuration.png and /dev/null differ
diff --git a/images/vite-plugin-inspect.png b/images/vite-plugin-inspect.png
deleted file mode 100644
index 0a8b2723f..000000000
Binary files a/images/vite-plugin-inspect.png and /dev/null differ
diff --git a/images/vite-plugin-inspect.webp b/images/vite-plugin-inspect.webp
new file mode 100644
index 000000000..dbb0460a9
Binary files /dev/null and b/images/vite-plugin-inspect.webp differ
diff --git a/images/vite4-3-hmr-time.webp b/images/vite4-3-hmr-time.webp
new file mode 100644
index 000000000..b561023b0
Binary files /dev/null and b/images/vite4-3-hmr-time.webp differ
diff --git a/images/vite4-3-startup-time.webp b/images/vite4-3-startup-time.webp
new file mode 100644
index 000000000..37837c99b
Binary files /dev/null and b/images/vite4-3-startup-time.webp differ
diff --git a/images/vite5-1-10K-modules-loading-time.webp b/images/vite5-1-10K-modules-loading-time.webp
new file mode 100644
index 000000000..5dc6f54c1
Binary files /dev/null and b/images/vite5-1-10K-modules-loading-time.webp differ
diff --git a/images/vite6-npm-weekly-downloads.webp b/images/vite6-npm-weekly-downloads.webp
new file mode 100644
index 000000000..2112a3e83
Binary files /dev/null and b/images/vite6-npm-weekly-downloads.webp differ
diff --git a/public/viteconf.svg b/images/viteconf.svg
similarity index 100%
rename from public/viteconf.svg
rename to images/viteconf.svg
diff --git a/public/voice.svg b/images/voice.svg
similarity index 100%
rename from public/voice.svg
rename to images/voice.svg
diff --git a/index.md b/index.md
index 2293b4bd3..da3c27c76 100644
--- a/index.md
+++ b/index.md
@@ -9,6 +9,22 @@ layout: home
 aside: false
 editLink: false
 markdownStyles: false
+
+head:
+  - - link
+    - rel: preconnect
+      href: https://fonts.googleapis.com
+  - - link
+    - rel: preconnect
+      href: https://fonts.gstatic.com
+      crossorigin: ''
+  - - link
+    - rel: preload
+      href: https://fonts.googleapis.com/css2?family=Manrope:wght@600&family=IBM+Plex+Mono:wght@400&display=swap
+      as: style
+  - - link
+    - rel: stylesheet
+      href: https://fonts.googleapis.com/css2?family=Manrope:wght@600&family=IBM+Plex+Mono:wght@400&display=swap
 ---
 
 <script setup>
diff --git a/plugins/index.md b/plugins/index.md
index 295aec7bd..2d017154c 100644
--- a/plugins/index.md
+++ b/plugins/index.md
@@ -10,31 +10,33 @@
 
 ### [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue) {#vitejs-plugin-vue}
 
-- Vue 3 단일 파일 컴포넌트(SFC)의 지원을 제공합니다.
+Provides Vue 3 Single File Components support.
 
 ### [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) {#vitejs-plugin-vue-jsx}
 
-- Vue 3 JSX 지원을 제공합니다. ([전용 `Babel` 변형](https://github.com/vuejs/jsx-next)을 통해)
+Provides Vue 3 JSX support (via [dedicated Babel transform](https://github.com/vuejs/babel-plugin-jsx)).
 
-### [@vitejs/plugin-vue2](https://github.com/vitejs/vite-plugin-vue2) {#vitejs-plugin-vue2}
+### [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react) {#vitejs-plugin-react}
 
-- Vue 2.7 단일 파일 컴포넌트(SFC)를 지원합니다.
+Uses esbuild and Babel, achieving fast HMR with a small package footprint and the flexibility of being able to use the Babel transform pipeline. Without additional Babel plugins, only esbuild is used during builds.
 
-### [@vitejs/plugin-vue2-jsx](https://github.com/vitejs/vite-plugin-vue2-jsx) {#vitejs-plugin-vue2-jsx}
+### [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react-swc)
 
-- [전용 바벨 프리셋](https://github.com/vuejs/jsx-vue2/)을 통해 Vue 2.7 JSX를 지원합니다
+Replaces Babel with SWC during development. During production builds, SWC+esbuild are used when using plugins, and esbuild only otherwise. For big projects that don't require non-standard React extensions, cold start and Hot Module Replacement (HMR) can be significantly faster.
 
-### [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react) {#vitejs-plugin-react}
+### [@vitejs/plugin-rsc](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc)
 
-- esbuild와 Babel을 사용하여 작은 패키지 크기와 Babel 변형 파이프라인의 유연성을 통해 빠른 HMR을 달성합니다. 추가 Babel 플러그인이 없으면 빌드 중 esbuild만 사용됩니다.
+Vite supports [React Server Components (RSC)](https://react.dev/reference/rsc/server-components) through the plugin. It utilizes the [Environment API](/guide/api-environment) to provide low-level primitives that React frameworks can use to integrate RSC features. You can try a minimal standalone RSC application with:
 
-### [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) {#vitejs-plugin-react-swc}
+```bash
+npm create vite@latest -- --template rsc
+```
 
-- 개발 중에는 Babel 대신 SWC를 사용합니다. 프로덕션 빌드 중 플러그인을 사용하게 된다면 SWC+esbuild를 사용하고, 그렇지 않다면 esbuild만을 사용합니다. 비표준 React 확장이 필요하지 않은 대규모 프로젝트의 경우, 콜드 스타트와 Hot Module Replacement(HMR)이 훨씬 빠르게 작동할 수 있습니다.
+Read the [plugin documentation](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc) to learn more.
 
 ### [@vitejs/plugin-legacy](https://github.com/vitejs/vite/tree/main/packages/plugin-legacy) {#vitejs-plugin-legacy}
 
-- 프로덕션 빌드를 위한 이전 브라우저 지원을 제공합니다.
+Provides legacy browsers support for the production build.
 
 ## 커뮤니티 플러그인 {#community-plugins}
 
diff --git a/public/_headers b/public/_headers
index f72929598..c365bfd07 100644
--- a/public/_headers
+++ b/public/_headers
@@ -7,5 +7,9 @@
   cache-control: immutable
 
 /*.png
+  cache-control: max-age=604800
+  cache-control: immutable
+
+/*.webp
   cache-control: max-age=604800
   cache-control: immutable
\ No newline at end of file
diff --git a/public/ecosystem-vite4.png b/public/ecosystem-vite4.png
deleted file mode 100644
index b0370c04e..000000000
Binary files a/public/ecosystem-vite4.png and /dev/null differ
diff --git a/public/logo-home.svg b/public/logo-home.svg
deleted file mode 100644
index 0942f44db..000000000
--- a/public/logo-home.svg
+++ /dev/null
@@ -1,46 +0,0 @@
-<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g opacity="1" clip-path="url(#clip0_693_14578)">
-    <g style="mix-blend-mode:luminosity" opacity="0.5" filter="url(#filter0_i_693_14578)">
-      <path d="M65.7194 10.0473L35.6655 64.587C35.045 65.7131 33.4508 65.7197 32.821 64.5991L2.17117 10.0525C1.48502 8.83141 2.51394 7.35228 3.87747 7.59962L33.9635 13.0572C34.1555 13.092 34.3519 13.0917 34.5439 13.0562L64.0008 7.60744C65.3597 7.35608 66.3935 8.82375 65.7194 10.0473Z" fill="url(#paint0_linear_693_14578)"/>
-    </g>
-    <g style="mix-blend-mode:luminosity" filter="url(#filter1_bd_693_14578)">
-      <path d="M48.295 0.441298L26.0542 4.86401C25.6887 4.9367 25.418 5.25109 25.396 5.62839L24.0278 29.078C23.9957 29.6303 24.4955 30.059 25.0267 29.9346L31.2188 28.4844C31.7982 28.3488 32.3217 28.8666 32.2026 29.4579L30.3629 38.6003C30.2391 39.2156 30.8083 39.7417 31.4004 39.5592L35.225 38.38C35.8179 38.1973 36.3876 38.7249 36.2622 39.3407L33.3386 53.7014C33.1557 54.5997 34.333 55.0895 34.824 54.3193L35.152 53.805L53.275 17.1002C53.5785 16.4856 53.0552 15.7848 52.39 15.9151L46.0163 17.1635C45.4173 17.2807 44.9077 16.7146 45.0767 16.1199L49.2368 1.48437C49.406 0.888652 48.8946 0.322077 48.295 0.441298Z" fill="url(#paint1_linear_693_14578)" fill-opacity="0.6" shape-rendering="crispEdges"/>
-    </g>
-  </g>
-  <defs>
-    <filter id="filter0_i_693_14578" x="1.95264" y="7.57227" width="63.9785" height="60.1716" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-      <feOffset dy="2.30833"/>
-      <feGaussianBlur stdDeviation="5.77083"/>
-      <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-      <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.75 0"/>
-      <feBlend mode="normal" in2="shape" result="effect1_innerShadow_693_14578"/>
-    </filter>
-    <filter id="filter1_bd_693_14578" x="19.4097" y="-4.19137" width="38.5702" height="63.5097" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feGaussianBlur in="BackgroundImageFix" stdDeviation="2.30833"/>
-      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_693_14578"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-      <feOffset dy="1.15417"/>
-      <feGaussianBlur stdDeviation="1.15417"/>
-      <feComposite in2="hardAlpha" operator="out"/>
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-      <feBlend mode="normal" in2="effect1_backgroundBlur_693_14578" result="effect2_dropShadow_693_14578"/>
-      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_693_14578" result="shape"/>
-    </filter>
-    <linearGradient id="paint0_linear_693_14578" x1="1.42283" y1="5.65045" x2="39.5455" y2="56.6664" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#41D1FF"/>
-      <stop offset="1" stop-color="#BD34FE"/>
-    </linearGradient>
-    <linearGradient id="paint1_linear_693_14578" x1="32.2366" y1="1.64206" x2="39.201" y2="48.718" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FFEA83"/>
-      <stop offset="0.0833333" stop-color="#FFDD35"/>
-      <stop offset="1" stop-color="#FFA800"/>
-    </linearGradient>
-    <clipPath id="clip0_693_14578">
-      <rect width="66.9687" height="66.9687" fill="white" transform="translate(0.442871 0.180176)"/>
-    </clipPath>
-  </defs>
-</svg>
diff --git a/public/logo-uwu.png b/public/logo-uwu.png
deleted file mode 100644
index e45e40af1..000000000
Binary files a/public/logo-uwu.png and /dev/null differ
diff --git a/public/logo-uwu.webp b/public/logo-uwu.webp
new file mode 100644
index 000000000..a413d6cb8
Binary files /dev/null and b/public/logo-uwu.webp differ
diff --git a/public/logo-with-shadow.png b/public/logo-with-shadow.png
deleted file mode 100644
index 8b23c919e..000000000
Binary files a/public/logo-with-shadow.png and /dev/null differ
diff --git a/public/logo-with-shadow.webp b/public/logo-with-shadow.webp
new file mode 100644
index 000000000..965e11715
Binary files /dev/null and b/public/logo-with-shadow.webp differ
diff --git a/public/noise.png b/public/noise.png
deleted file mode 100644
index fd9a7cf22..000000000
Binary files a/public/noise.png and /dev/null differ
diff --git a/public/og-image-announcing-vite3.png b/public/og-image-announcing-vite3.png
deleted file mode 100644
index 859f1bcda..000000000
Binary files a/public/og-image-announcing-vite3.png and /dev/null differ
diff --git a/public/og-image-announcing-vite3.webp b/public/og-image-announcing-vite3.webp
new file mode 100644
index 000000000..4e293c153
Binary files /dev/null and b/public/og-image-announcing-vite3.webp differ
diff --git a/public/og-image-announcing-vite4-3.png b/public/og-image-announcing-vite4-3.png
deleted file mode 100644
index 6c2970558..000000000
Binary files a/public/og-image-announcing-vite4-3.png and /dev/null differ
diff --git a/public/og-image-announcing-vite4-3.webp b/public/og-image-announcing-vite4-3.webp
new file mode 100644
index 000000000..e770059ff
Binary files /dev/null and b/public/og-image-announcing-vite4-3.webp differ
diff --git a/public/og-image-announcing-vite4.png b/public/og-image-announcing-vite4.png
deleted file mode 100644
index 7f8b71f41..000000000
Binary files a/public/og-image-announcing-vite4.png and /dev/null differ
diff --git a/public/og-image-announcing-vite4.webp b/public/og-image-announcing-vite4.webp
new file mode 100644
index 000000000..d6e86f20a
Binary files /dev/null and b/public/og-image-announcing-vite4.webp differ
diff --git a/public/og-image-announcing-vite5-1.png b/public/og-image-announcing-vite5-1.png
deleted file mode 100644
index cebfc9939..000000000
Binary files a/public/og-image-announcing-vite5-1.png and /dev/null differ
diff --git a/public/og-image-announcing-vite5-1.webp b/public/og-image-announcing-vite5-1.webp
new file mode 100644
index 000000000..c5e7d6632
Binary files /dev/null and b/public/og-image-announcing-vite5-1.webp differ
diff --git a/public/og-image-announcing-vite5.png b/public/og-image-announcing-vite5.png
deleted file mode 100644
index 56040e518..000000000
Binary files a/public/og-image-announcing-vite5.png and /dev/null differ
diff --git a/public/og-image-announcing-vite5.webp b/public/og-image-announcing-vite5.webp
new file mode 100644
index 000000000..1a1f6d742
Binary files /dev/null and b/public/og-image-announcing-vite5.webp differ
diff --git a/public/og-image-announcing-vite6.png b/public/og-image-announcing-vite6.png
deleted file mode 100644
index e75d43c15..000000000
Binary files a/public/og-image-announcing-vite6.png and /dev/null differ
diff --git a/public/og-image-announcing-vite6.webp b/public/og-image-announcing-vite6.webp
new file mode 100644
index 000000000..88542425f
Binary files /dev/null and b/public/og-image-announcing-vite6.webp differ
diff --git a/public/og-image-announcing-vite7.png b/public/og-image-announcing-vite7.png
deleted file mode 100644
index ffac155b3..000000000
Binary files a/public/og-image-announcing-vite7.png and /dev/null differ
diff --git a/public/og-image-announcing-vite7.webp b/public/og-image-announcing-vite7.webp
new file mode 100644
index 000000000..7f442a79f
Binary files /dev/null and b/public/og-image-announcing-vite7.webp differ
diff --git a/public/vite4-3-hmr-time.png b/public/vite4-3-hmr-time.png
deleted file mode 100644
index bc9bc4348..000000000
Binary files a/public/vite4-3-hmr-time.png and /dev/null differ
diff --git a/public/vite4-3-startup-time.png b/public/vite4-3-startup-time.png
deleted file mode 100644
index a02696998..000000000
Binary files a/public/vite4-3-startup-time.png and /dev/null differ
diff --git a/public/vite5-1-10K-modules-loading-time.png b/public/vite5-1-10K-modules-loading-time.png
deleted file mode 100644
index 8c94ed9bf..000000000
Binary files a/public/vite5-1-10K-modules-loading-time.png and /dev/null differ
diff --git a/public/vite6-npm-weekly-downloads.png b/public/vite6-npm-weekly-downloads.png
deleted file mode 100644
index 99d229b42..000000000
Binary files a/public/vite6-npm-weekly-downloads.png and /dev/null differ
diff --git a/releases.md b/releases.md
index 64499a2b3..aa0ceef14 100644
--- a/releases.md
+++ b/releases.md
@@ -1,3 +1,7 @@
+<script setup>
+import SupportedVersions from './.vitepress/theme/components/SupportedVersions.vue';
+</script>
+
 # 릴리스 {#releases}
 
 Vite 릴리스는 [시멘틱 버저닝](https://semver.org/)을 따릅니다. 최신 안정 버전은 [Vite npm 패키지 페이지](https://www.npmjs.com/package/vite)에서 확인할 수 있습니다.
@@ -12,20 +16,21 @@ Vite는 정해진 릴리스 주기가 없습니다.
 - **마이너** 릴리스는 새로운 기능을 포함하며, 필요할 때(보통 2개월 단위)마다 배포됩니다. 베타 프리 릴리스 단계를 거칩니다.
 - **메이저** 릴리스는 일반적으로 [Node.js EOL 일정](https://endoflife.date/nodejs)에 맞춰 진행되며, 미리 공지됩니다. 이러한 릴리스는 생태계와 장기적인 논의와 함께, 알파 및 베타 프리 릴리스 단계(보통 매년)를 모두 거칩니다.
 
-Vite 팀에서 지원하는 Vite 버전 범위는 자동으로 다음과 같이 결정됩니다:
+## Supported Versions
+
+In summary, the current supported Vite versions are:
+
+<SupportedVersions />
+
+<br>
+
+The supported version ranges are automatically determined by:
 
 - **최신 마이너 버전** 은 정기적으로 수정 사항이 반영됩니다.
 - **직전 메이저 버전** (최신 마이너 버전만 해당) 및 **직전 마이너 버전** 은 중요한 수정 및 보안 패치를 지원받습니다.
 - **이전 두 메이저 버전** (최신 마이너 버전만 해당) 및 **이전 두 마이너 버전** 은 보안 패치를 지원받습니다.
 - 그 외 이전 모든 버전은 지원되지 않습니다.
 
-예를 들어, Vite 최신 버전이 5.3.10인 경우:
-
-- `vite@5.3`은 5.3.10에 존재하는 정기 수정 사항이 포함되어 있습니다.
-- 중요한 수정 및 보안 패치는 `vite@4` 및 `vite@5.2`로 백포트됩니다.
-- 보안 패치도 `vite@3` 및 `vite@5.1`로 백포트됩니다.
-- `vite@2` 및 `vite@5.0`은 더 이상 지원하지 않습니다. 필요하다면 더 높은 버전을 사용해야 합니다.
-
 따라서 정기적인 Vite 업데이트를 권장합니다. 메이저 버전 업데이트 시에는 [마이그레이션 가이드](https://ko.vite.dev/guide/migration.html)를 참고해 주세요. Vite 팀은 새 버전에 대한 품질을 보장하기 위해 생태계 내 주요 프로젝트와 긴밀하게 협력하고 있습니다. 새로운 Vite 버전은 출시 전 [vite-ecosystem-ci 프로젝트](https://github.com/vitejs/vite-ecosystem-ci)를 통해 테스트하기에, Vite를 사용하는 생태계 내 프로젝트 대부분은 출시 직후 이를 신속하게 지원하거나 마이그레이션을 제공할 수 있습니다.
 
 ## 시멘틱 버저닝 예외 사항 {#semantic-versioning-edge-cases}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 000000000..f75b654b2
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2023",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "types": ["vite/client"],
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["**/*.ts", ".vitepress/**/*.ts", ".vitepress/**/*.vue"]
+}
\ No newline at end of file