--- title: Migrating from Vite to Next.js | daily.dev description: Migrating from Vite to Next.js is easy to get started on. Vite is loved by many within the React community for good reasons. But why would you want to switch... canonical: https://daily.dev/posts/migrating-from-vite-to-next-js-mfdjat7gr twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Migrating from Vite to Next.js | daily.dev og:description: Migrating from Vite to Next.js is easy to get started on. Vite is loved by many within the React community for good reasons. But why would you want to switch... og:url: https://daily.dev/posts/migrating-from-vite-to-next-js-mfdjat7gr og:image: https://api.daily.dev/og/posts/MfDJAT7GR.png og:image:alt: Migrating from Vite to Next.js og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Migrating from Vite to Next.js **[Community Picks](https://daily.dev/sources/community)** · 10 min read · 34 upvotes · 4 comments ## Summary Migrating from Vite to Next.js is easy to get started on. Vite is loved by many within the React community for good reasons. But why would you want to switch to next.js in the first place? ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@eduplessis** · 5 upvotes > You know that Vite and Nextjs are not the same thing... > > Your title is kind of missleading, it should be "Migrating from a custom ReactApp to a full fledge Nextjs app." **@emmanuelisenah** · 1 upvotes > After 4 months, I found myself returning to this article once again. Truly a masterpiece. **@a0m0rajab** · 0 upvotes > Nice writeup. Thank you for sharing it! I liked that they explained the reason for migration which was: > > 1. Slow initial page loading time: > 1. No automatic code splitting: > 1. Network waterfalls: > 1. Fast and intentional loading states: > 1. Choose the data fetching strategy: > 1. Middleware: > 1. Support for Server Component: > 1. Built-in Optimizations: --- Tags: [#react](https://daily.dev/tags/react), [#vite](https://daily.dev/tags/vite) [View this post on daily.dev](https://daily.dev/posts/migrating-from-vite-to-next-js-mfdjat7gr) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Migrating from Vite to Next.js","url":"https://daily.dev/posts/migrating-from-vite-to-next-js-mfdjat7gr","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/migrating-from-vite-to-next-js-mfdjat7gr"},"datePublished":"2023-07-21T04:26:50.188Z","dateModified":"2023-12-07T12:02:45.284Z","description":"Migrating from Vite to Next.js is easy to get started on. Vite is loved by many within the React community for good reasons. But why would you want to switch...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c7344029a716a285a45019632d3e4f0d?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c7344029a716a285a45019632d3e4f0d?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":4,"discussionUrl":"https://daily.dev/posts/migrating-from-vite-to-next-js-mfdjat7gr","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":34},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":4}],"keywords":"react,vite","timeRequired":"PT10M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Migrating from Vite to Next.js"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/migrating-from-vite-to-next-js-mfdjat7gr","comment":[{"@type":"Comment","text":"You know that Vite and Nextjs are not the same thing…\nYour title is kind of missleading, it should be “Migrating from a custom ReactApp to a full fledge Nextjs app.”","datePublished":"2023-07-21T19:19:47.466Z","url":"https://daily.dev/posts/MfDJAT7GR#c-5XUdyruKI","author":{"@type":"Person","name":"Edouard Duplessis","url":"https://daily.dev/eduplessis","image":"https://avatars1.githubusercontent.com/u/398245?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"After 4 months, I found myself returning to this article once again. Truly a masterpiece.","datePublished":"2024-03-19T19:37:17.610Z","url":"https://daily.dev/posts/MfDJAT7GR#c-VuSIRYIf9","author":{"@type":"Person","name":"Emmanuel Isenah","url":"https://daily.dev/emmanuelisenah","image":"https://avatars.githubusercontent.com/u/86387828?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Nice writeup. Thank you for sharing it! I liked that they explained the reason for migration which was:\n\nSlow initial page loading time:\nNo automatic code splitting:\nNetwork waterfalls:\nFast and intentional loading states:\nChoose the data fetching strategy:\nMiddleware:\nSupport for Server Component:\nBuilt-in Optimizations:","datePublished":"2023-07-21T08:31:59.518Z","url":"https://daily.dev/posts/MfDJAT7GR#c-kJxq8qUoE","author":{"@type":"Person","name":"Abdurrahman Rajab","url":"https://daily.dev/a0m0rajab","image":"https://media.daily.dev/image/upload/s--CIRVBOi0--/f_auto,q_auto/v1/avatars/avatar_aDv1QotUXaG0Aog3Sg0vt"}}]} ```