{"id":13417504,"url":"https://github.com/aslemammad/vitext","last_synced_at":"2025-09-27T00:31:01.790Z","repository":{"id":37873913,"uuid":"361871292","full_name":"Aslemammad/vitext","owner":"Aslemammad","description":"The Next.js like React framework for better User \u0026 Developer experience!","archived":true,"fork":false,"pushed_at":"2022-01-10T11:58:52.000Z","size":62476,"stargazers_count":388,"open_issues_count":16,"forks_count":6,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-05-02T05:21:21.654Z","etag":null,"topics":["browser","componnets","esbuild","esm","lazy-loading","nextjs","node","preact","react","rollup","server-side-rendering","ssg","ssr","vite","vitext"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Aslemammad.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-04-26T19:33:14.000Z","updated_at":"2024-04-18T16:50:02.000Z","dependencies_parsed_at":"2022-07-13T17:20:44.404Z","dependency_job_id":null,"html_url":"https://github.com/Aslemammad/vitext","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aslemammad%2Fvitext","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aslemammad%2Fvitext/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aslemammad%2Fvitext/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aslemammad%2Fvitext/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aslemammad","download_url":"https://codeload.github.com/Aslemammad/vitext/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":218990648,"owners_count":16420759,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser","componnets","esbuild","esm","lazy-loading","nextjs","node","preact","react","rollup","server-side-rendering","ssg","ssr","vite","vitext"],"created_at":"2024-07-30T22:00:38.619Z","updated_at":"2025-09-27T00:30:56.237Z","avatar_url":"https://github.com/Aslemammad.png","language":"TypeScript","readme":"# Vitext ⚡🚀\n\n[![Discord](https://img.shields.io/discord/815937377888632913.svg?label=\u0026logo=discord\u0026logoColor=ffffff\u0026color=7389D8\u0026labelColor=6A7EC2)](https://discord.gg/Rhg9cEghMF)\n\n\u003e The Next.js like React framework for better User \u0026 Developer experience\n\n-  💡 Instant Server Start\n-   💥 Suspense support\n-   ⚫ Next.js like API\n-  📦 Optimized Build\n-   💎 Build \u0026 Export on fly\n-   🚀 Lightning SSG/SSR\n-  ⚡  Fast HMR\n-   🔑 Vite \u0026 Rollup Compatible\n\nhttps://user-images.githubusercontent.com/37929992/128530290-41165a31-29a5-4108-825b-843a09059deb.mp4\n```\nnpm install vitext\n```\n\nVitext (Vite + Next) is a lightning fast SSG/SSR tool that lets you develop better and quicker front-end apps. It consists of these major parts:\n \n### 💡 Instant Server Start\nThe development server uses native ES modules, So you're going to have your React app server-rendered and client rendered very fast, under a half a second for me.\n\n###  💥 Suspense support\nVitext supports React Suspense \u0026 Lazy out of the box.  \n```ts\nimport { lazy, Suspense } from 'react';\n\nconst Component = lazy(() =\u003e import('../components/Component'));\nconst Loading = () =\u003e \u003cp\u003eLoading the Component\u003c/p\u003e;\n\nconst App = () =\u003e {\n  return (\n    \u003cSuspense fallback={\u003cLoading /\u003e}\u003e\n\t  \u003cComponent /\u003e\n    \u003c/Suspense\u003e\n  );\n};\n```\n\n###   ⚫ Next.js like API\nIf you're coming from a Next.js background, everything will work the same way for you. Vitext has a similar API design to Next.js.\n```ts\n// pages/Page/[id].jsx\nconst Page = ({ id }) =\u003e {\n  return \u003cdiv\u003e{id}\u003c/div\u003e;\n};\n\n// build time + request time (SSG/SSR/ISR)\nexport function getProps({ req, res, query, params }) {\n  // props for `Page` component\n  return { props: { id: params.id } };\n}\n\n// build time (SSG)\nexport async function getPaths() {\n  // an array of { params: ... }, which every `params` goes to `getProps`  \n  return {\n    paths: [{ id: 1 }],\n  };\n}\n\nexport default IndexPage;\n\n```\n\u003e `getPaths` \u0026 `getProps` are optional. If `getPaths`' running got done, then every `paths` item is going to be passed to a `getProps` function, And when the user requests for the specific page, they're going to receive the exported html (SSG). But if `getPaths` wasn't done or there's no exported html page for the user's request, then the `getProps` is going to get called with the request url's params (SSR). \n###  📦 Optimized Build\nVitext uses Vite's building and bundling approach, So it bundles your code in a fast and optimized way.\n\n###   💎 Build \u0026 Export on fly\nYou don't need to wait for HTML exports of your app because Vitext exports pages to HTML simultaneously while serving your app, So no `next export`.\n \n###   🚀 Lightning SSR/SSG\nES modules, Fast compiles and Web workers empower the Vitext SSR/SSG strategy, so you'll have an astonishingly fast SSR/SSG.\n\n###  ⚡ Fast HMR\nVitext uses [@vitejs/plugin-react-refresh](https://github.com/vitejs/vite/tree/main/packages/plugin-react-refresh) under the hood, So you have a fast HMR right here.\n\n###   🔑 Vite \u0026 Rollup Compatible\nWe can call Vitext a superset of Vite; It means that Vitext supports everything Vite supports with `vitext.config.js`.\n```ts\n// exact Vite's config API \nexport default {\n  plugins: [...],\n  optimizeDeps: {...},\n  ...\n};\n```\n## Examples\nYou can checkout [packages/examples](https://github.com/Aslemammad/vitext/tree/master/packages/examples) directory to see examples that have been implemented using vitext.\n\n## Contribution\n\nWe're in the early stages now, So we need your help on Vitext; please try things out, recommend new features, and issue stuff. You can also check out the issues to see if you can work on some.\n\n## License\n\nMIT\n","funding_links":[],"categories":["SSR"],"sub_categories":["Frameworks"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faslemammad%2Fvitext","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faslemammad%2Fvitext","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faslemammad%2Fvitext/lists"}