{"id":30725479,"url":"https://github.com/zdunecki/how-to-deploy-react-router-server-components-on-netlify","last_synced_at":"2026-05-01T12:33:12.484Z","repository":{"id":311632929,"uuid":"1044370705","full_name":"zdunecki/how-to-deploy-react-router-server-components-on-netlify","owner":"zdunecki","description":"A demo using React Router Server Side Components on Netlify","archived":false,"fork":false,"pushed_at":"2025-08-25T15:48:04.000Z","size":39,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-09-03T12:55:49.149Z","etag":null,"topics":["netlify","react","react-router","server-components"],"latest_commit_sha":null,"homepage":"https://react-router-server-components.netlify.app","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/zdunecki.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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-25T15:24:30.000Z","updated_at":"2025-08-25T15:48:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"fda0806c-cf31-4f33-8b6a-ecb5645dd911","html_url":"https://github.com/zdunecki/how-to-deploy-react-router-server-components-on-netlify","commit_stats":null,"previous_names":["zdunecki/how-to-deploy-react-router-server-components-on-netlify"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zdunecki/how-to-deploy-react-router-server-components-on-netlify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zdunecki%2Fhow-to-deploy-react-router-server-components-on-netlify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zdunecki%2Fhow-to-deploy-react-router-server-components-on-netlify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zdunecki%2Fhow-to-deploy-react-router-server-components-on-netlify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zdunecki%2Fhow-to-deploy-react-router-server-components-on-netlify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zdunecki","download_url":"https://codeload.github.com/zdunecki/how-to-deploy-react-router-server-components-on-netlify/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zdunecki%2Fhow-to-deploy-react-router-server-components-on-netlify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32497812,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["netlify","react","react-router","server-components"],"created_at":"2025-09-03T12:50:11.440Z","updated_at":"2026-05-01T12:33:12.466Z","avatar_url":"https://github.com/zdunecki.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# How to deploy React Router Server Components on Netlify (Experimental RSC)\n\n⚠️ **EXPERIMENTAL**: This template demonstrates React Server Components with React Router. This is experimental technology and not recommended for production use.\n\nA modern template for exploring React Server Components (RSC) with React Router, powered by Vite.\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/zdunecki/how-to-deploy-react-router-server-components-on-netlify)\n\n## Features\n\n- 🧪 **Experimental React Server Components**\n- 🚀 Server-side rendering with RSC\n- ⚡️ Hot Module Replacement (HMR)\n- 📦 Asset bundling and optimization with Vite\n- 🔄 Data loading and mutations\n- 🔒 TypeScript by default\n- 🎉 TailwindCSS for styling\n- 📖 [React Router docs](https://reactrouter.com/)\n- 📚 [React Server Components guide](https://reactrouter.com/how-to/react-server-components)\n\n## Getting Started\n\n### Installation\n\nInstall the dependencies:\n\n```bash\nnpm install\n```\n\n### Development\n\nStart the development server with HMR:\n\n```bash\nnpm run dev\n```\n\nYour application will be available at `http://localhost:5173`.\n\n## Building for Production\n\nCreate a production build:\n\n```bash\nnpm run build\n```\n\n## Running Production Build\n\nRun the production server:\n\n```bash\nnpm start\n```\n\n## Deploying to Netlify\n\nThis template is configured for seamless deployment on Netlify with React Server Components support.\n\n### Automatic Deployment\n\n1. **Connect your repository** to Netlify\n2. **Build settings** are pre-configured in `netlify.toml`:\n   - Build command: `npm run build`\n   - Publish directory: `dist/client`\n   - Functions directory: `dist/rsc`\n\n3. **Deploy** - Netlify will automatically build and deploy your app\n\n### Netlify Configuration\n\nThe `netlify.toml` file includes:\n\n- **Build settings** for React Server Components\n- **Redirect rules** to handle RSC routing\n- **Function configuration** for server-side rendering\n\n### Important Notes\n\n- ⚠️ **Experimental**: React Server Components on Netlify is experimental\n- 🔧 **Functions**: RSC requires Netlify Functions for server-side rendering\n- 🌐 **Edge Functions**: Consider using Netlify Edge Functions for better performance\n- 📊 **Monitoring**: Monitor function execution times and cold starts\n\n### Troubleshooting\n\n- **Build failures**: Ensure all dependencies are in `package.json`\n- **Function timeouts**: Optimize server-side code for faster execution\n- **Routing issues**: Check redirect rules in `netlify.toml`\n\n## Understanding React Server Components\n\nThis template includes three entry points:\n\n- **`entry.rsc.tsx`** - React Server Components entry point\n- **`entry.ssr.tsx`** - Server-side rendering entry point  \n- **`entry.browser.tsx`** - Client-side hydration entry point\n\nLearn more about React Server Components with React Router in our [comprehensive guide](https://reactrouter.com/how-to/react-server-components).\n\n## Styling\n\nThis template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever CSS framework you prefer.\n\n---\n\nBuilt with ❤️ using React Router. ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzdunecki%2Fhow-to-deploy-react-router-server-components-on-netlify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzdunecki%2Fhow-to-deploy-react-router-server-components-on-netlify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzdunecki%2Fhow-to-deploy-react-router-server-components-on-netlify/lists"}