{"id":13469637,"url":"https://github.com/jonluca/vite-typescript-ssr-react","last_synced_at":"2025-04-06T03:10:56.240Z","repository":{"id":37856051,"uuid":"367958681","full_name":"jonluca/vite-typescript-ssr-react","owner":"jonluca","description":"🚀 A Vite Typescript SSR React boilerplate!","archived":false,"fork":false,"pushed_at":"2023-11-03T19:43:20.000Z","size":3229,"stargazers_count":348,"open_issues_count":7,"forks_count":51,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-30T02:07:24.613Z","etag":null,"topics":["express","javascript","react","ssr","typescript","vite"],"latest_commit_sha":null,"homepage":"https://blog.jonlu.ca/posts/vite","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jonluca.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-05-16T18:36:45.000Z","updated_at":"2025-03-24T01:46:56.000Z","dependencies_parsed_at":"2023-02-01T05:46:16.045Z","dependency_job_id":"4adfc2a1-e8c2-4706-a875-e53a08a2e3d9","html_url":"https://github.com/jonluca/vite-typescript-ssr-react","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/jonluca%2Fvite-typescript-ssr-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonluca%2Fvite-typescript-ssr-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonluca%2Fvite-typescript-ssr-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonluca%2Fvite-typescript-ssr-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jonluca","download_url":"https://codeload.github.com/jonluca/vite-typescript-ssr-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247427006,"owners_count":20937201,"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":["express","javascript","react","ssr","typescript","vite"],"created_at":"2024-07-31T15:01:48.086Z","updated_at":"2025-04-06T03:10:56.225Z","avatar_url":"https://github.com/jonluca.png","language":"TypeScript","readme":"# Vite Typescript React 18 SSR\n\n[![Node CI](https://github.com/jonluca/vite-typescript-ssr-react/actions/workflows/nodejs.yml/badge.svg)](https://github.com/jonluca/vite-typescript-ssr-react/actions/workflows/nodejs.yml)\n\nA _blazingly_ modern web development stack. This template repo tries to achieve the minimum viable example for each of the following:\n\n![video](video.gif)\n\n- [React 18](https://reactjs.org/blog/2022/03/29/react-v18.html)\n- [Typescript 4.9](https://devblogs.microsoft.com/typescript/announcing-typescript-4-7/)\n- [Vite with Vite SSR](https://vitejs.dev/guide/ssr.html)\n- [GitHub Actions](https://github.com/features/actions)\n- [Tailwind CSS](https://tailwindui.com/)\n- [Prettier](https://prettier.io/) \u0026 [ESLint](https://eslint.org/)\n\n## Development\n\n```\nyarn\nyarn dev:server\n```\n\nThat should start the server. It will open to http://localhost:7456.\n\nIf you'd like to just develop the UI, you can use\n\n```bash\nyarn\nyarn dev:client\n```\n\nTo start the native vite client.\n\n## Building\n\n```\nyarn build\nyarn serve\n```\n\nyarn build will create the assets in `dist` - a `client` and `server` folder. Serve will run `dist/server.js` with Node, but feel free to change this to use Docker or some other process manager to suit your deployment needs.\n\n## Files\n\n`eslintrc.js` - a barebones eslint configuration for 2021, that extends off of the recommended ESLint config and prettier\n\n`.prettierrc.js` - the prettier config\n\n`index.html` - the vite entrypoint, that includes the entry point for the client\n\n`postcss.config.cjs` - CommonJS module that defines the PostCSS config\n\n`server.ts` - The barebones Express server with logic for SSRing Vite pages\n\n`tailwind.config.cjs` - CommonJS module that defines the Tailwind config\n\n`tsconfig.json` - TypeScript configuration\n\n`vite.config.ts` - Vite configuration\n\n## CI\n\nWe use GitHub actions to build the app. The badge is at the top of the repo. Currently it just confirms that everything builds properly.\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonluca%2Fvite-typescript-ssr-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjonluca%2Fvite-typescript-ssr-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonluca%2Fvite-typescript-ssr-react/lists"}