{"id":13880777,"url":"https://github.com/frandiox/reactesse-ssr-template","last_synced_at":"2025-07-28T12:43:29.476Z","repository":{"id":145978407,"uuid":"375086196","full_name":"frandiox/reactesse-ssr-template","owner":"frandiox","description":"🏕 Opinionated React + Vite Starter Template with SSR in Node.js","archived":false,"fork":false,"pushed_at":"2021-08-02T21:18:19.000Z","size":135,"stargazers_count":32,"open_issues_count":2,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-31T18:01:54.545Z","etag":null,"topics":["react","ssr","vite","vite-starter","vite-template"],"latest_commit_sha":null,"homepage":"https://reactesse-ssr.vercel.app/","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/frandiox.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2021-06-08T17:06:41.000Z","updated_at":"2024-11-26T08:02:36.000Z","dependencies_parsed_at":"2024-01-13T20:58:43.357Z","dependency_job_id":"1ae523c5-7baf-482a-b569-359c92f804a4","html_url":"https://github.com/frandiox/reactesse-ssr-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frandiox%2Freactesse-ssr-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frandiox%2Freactesse-ssr-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frandiox%2Freactesse-ssr-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frandiox%2Freactesse-ssr-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/frandiox","download_url":"https://codeload.github.com/frandiox/reactesse-ssr-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253146476,"owners_count":21861410,"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":["react","ssr","vite","vite-starter","vite-template"],"created_at":"2024-08-06T08:03:28.352Z","updated_at":"2025-05-08T20:36:23.613Z","avatar_url":"https://github.com/frandiox.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Reactesse SSR\n\n\u003e React + Vite + SSR template based on [@antfu](https://github.com/antfu)'s [Vitesse](https://github.com/antfu/vitesse) with [`vite-ssr`](https://github.com/frandiox/vite-ssr).\n\n\u003cp align='center'\u003e\n\u003ca href=\"https://reactesse-ssr.vercel.app/\"\u003eLive Demo\u003c/a\u003e\n\u003c/p\u003e\n\n## Features\n\n- ⚡️ [React](https://github.com/facebook/react), [Vite 2](https://github.com/vitejs/vite), [pnpm](https://pnpm.js.org/), [ESBuild](https://github.com/evanw/esbuild)\n\n- 🗂 [File based routing](./src/pages)\n\n- 🎨 [Windi CSS](https://github.com/windicss/windicss) - on-demand Tailwind CSS with speed\n\n- 😃 [SVG icons](https://react-icons.github.io/react-icons/)\n\n- 🌍 [I18n ready](./src/i18n/translations)\n\n- 🗒 [Markdown Support](https://github.com/brillout/vite-plugin-mdx)\n\n- 🖨 Server-side rendering (SSR) in Node.js via [vite-ssr](https://github.com/frandiox/vite-ssr)\n\n- 🦾 TypeScript, of course\n\n- ☁️ Deploy on Vercel, minimal [config](./serverless/vercel.json)\n\n\u003cbr\u003e\n\n## Pre-packed\n\n### UI Frameworks\n\n- [Windi CSS](https://github.com/windicss/windicss) (On-demand [TailwindCSS](https://tailwindcss.com/)) - lighter and faster, with a bundle additional features!\n  - [Windi CSS Typography](https://windicss.netlify.app/guide/plugins.html#typography) - similar to [Tailwind CSS Typography](https://github.com/tailwindlabs/tailwindcss-typograph) but for Windi CSS\n\n### Plugins\n\n- [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) - file system based routing\n- [`vite-plugin-windicss`](https://github.com/antfu/vite-plugin-windicss) - WindiCSS support\n- [`vite-plugin-mdx`](https://github.com/brillout/vite-plugin-mdx) - Markdown as components / components in Markdown\n- [`remark-prism`](https://github.com/sergioramos/remark-prism) - [Prism](https://prismjs.com/) for syntax highlighting\n- [`prism-theme-vars`](https://github.com/antfu/prism-theme-vars) - customizable Prism.js theme using CSS variables\n- [react-i18next](https://react.i18next.com/) - Internationalization\n- [`react-helmet-async`](https://github.com/staylor/react-helmet-async) - manipulate document head reactively\n\n### Dev tools\n\n- [TypeScript](https://www.typescriptlang.org/)\n- [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager\n- [`vite-ssr`](https://github.com/frandiox/vite-ssr) - Server-side rendering\n- [Vercel](https://vercel.com/) - deploy\n- [VS Code Extensions](./.vscode/extensions.json)\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n\n## Try it now!\n\n### GitHub Template\n\n[Create a repo from this template on GitHub](https://github.com/frandiox/reactesse-ssr-template/generate).\n\n### Clone to local\n\nIf you prefer to do it manually with the cleaner git history\n\n```bash\nnpx degit frandiox/reactesse-ssr-template my-reactesse-app\ncd my-reactesse-app\npnpm i # If you don't have pnpm installed, run: npm install -g pnpm\n```\n\n## Checklist\n\nWhen you use this template, try follow the checklist to update your info properly\n\n- [ ] Add a `name` field in `package.json`\n- [ ] Change the author name in `LICENSE`\n- [ ] Change the favicon in `public`\n- [ ] Remove the `.github` folder which contains the funding info\n- [ ] Clean up the READMEs and remove routes\n\nAnd, enjoy :)\n\n## Usage\n\n### Development\n\nJust run and visit http://localhost:3333\n\n```bash\npnpm dev # SSR development\npnpm dev:spa # SPA without SSR\n```\n\n### Build\n\nTo build the App, run\n\n```bash\npnpm build\n```\n\nAnd you will see the generated files in `dist`, and some of these files will be moved to `serverless` for deployment.\n\n### Deploy on Vercel\n\nGo to [Vercel](https://vercel.com) and install its CLI. Then:\n\n```bash\npnpm preview # Simulate Vercel environment locally\npnpm deploy\npnpm deploy:prod\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrandiox%2Freactesse-ssr-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrandiox%2Freactesse-ssr-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrandiox%2Freactesse-ssr-template/lists"}