{"id":21934622,"url":"https://github.com/ridermansb/react-firebase-ssr","last_synced_at":"2025-09-09T18:16:07.983Z","repository":{"id":38084964,"uuid":"272236723","full_name":"Ridermansb/react-firebase-ssr","owner":"Ridermansb","description":"Starter kit for react with SSR using Firebase","archived":false,"fork":false,"pushed_at":"2023-02-02T22:42:43.000Z","size":7634,"stargazers_count":10,"open_issues_count":21,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-02T09:32:11.618Z","etag":null,"topics":["csr","firebase","google-cloud-functions","hacktoberfest","react","ssr"],"latest_commit_sha":null,"homepage":"https://react-firebase-ssr.ridermansb.dev","language":"JavaScript","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/Ridermansb.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}},"created_at":"2020-06-14T16:06:58.000Z","updated_at":"2025-01-29T12:13:01.000Z","dependencies_parsed_at":"2023-02-18T01:15:34.618Z","dependency_job_id":null,"html_url":"https://github.com/Ridermansb/react-firebase-ssr","commit_stats":null,"previous_names":[],"tags_count":5,"template":true,"template_full_name":null,"purl":"pkg:github/Ridermansb/react-firebase-ssr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ridermansb%2Freact-firebase-ssr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ridermansb%2Freact-firebase-ssr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ridermansb%2Freact-firebase-ssr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ridermansb%2Freact-firebase-ssr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ridermansb","download_url":"https://codeload.github.com/Ridermansb/react-firebase-ssr/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ridermansb%2Freact-firebase-ssr/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274340773,"owners_count":25267295,"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","status":"online","status_checked_at":"2025-09-09T02:00:10.223Z","response_time":80,"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":["csr","firebase","google-cloud-functions","hacktoberfest","react","ssr"],"created_at":"2024-11-29T00:16:26.675Z","updated_at":"2025-09-09T18:16:07.961Z","avatar_url":"https://github.com/Ridermansb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![GitHub Workflow Status](https://img.shields.io/github/workflow/status/Ridermansb/react-firebase-ssr/deploy?style=flat-square)\n![GitHub Workflow Status](https://img.shields.io/github/workflow/status/Ridermansb/react-firebase-ssr/release?style=flat-square)\n![GitHub branch checks state](https://img.shields.io/github/checks-status/Ridermansb/react-firebase-ssr/master?style=flat-square)\n![GitHub Workflow Status (branch)](https://img.shields.io/github/workflow/status/Ridermansb/react-firebase-ssr/deploy/master?style=flat-square)\n![GitHub milestones](https://img.shields.io/github/milestones/open/Ridermansb/react-firebase-ssr?style=flat-square)\n![GitHub issues](https://img.shields.io/github/issues-raw/Ridermansb/react-firebase-ssr?style=flat-square)\n![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/Ridermansb/react-firebase-ssr/master?style=flat-square)\n![Scrutinizer code quality (GitHub/Bitbucket)](https://img.shields.io/scrutinizer/quality/g/Ridermansb/react-firebase-ssr/master?style=flat-square)\n\n\u003ca href=\"https://gitpod.io/#Ridermansb/react-firebase-ssr\"\u003e\n  \u003cimg\n    src=\"https://img.shields.io/badge/Contribute%20with-Gitpod-908a85?logo=gitpod\"\n    alt=\"Contribute with Gitpod\"\n  /\u003e\n\u003c/a\u003e\n\n\u003e React template with SSR by using Firebase Cloud Functions\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"demo.png\" /\u003e\n\u003c/p\u003e\n\n**Seel the deference bellow**\n\n * SSR Live: https://react-firebase-ssr.ridermansb.dev/\n * CSR Live: https://react-firebase-nossr.ridermansb.dev/\n\n### Pre-requisites\n\nMake sure you have [`firebase-tools`][firebase-tools] installed\n\n**Install all dependencies**\n```\nnpm i\ncd functions/ \nnpm i\n```\n\n## Get Starter\n\n`npm start` will start webpack-dev-server on port 7003\n\n\n### Run with firebase server\n\nBuild the app to generate `client.html`\n\n```\nrm -rf public \u0026\u0026 PUBLIC_PATH=http://0.0.0.0:5000 npmR build -- --watch\n```\n\n\u003e PUBLIC_PATH is the hosting URL generated by firebase server\n\nInside `functions` folder, run webpack in watch mode\n\n```\nrm -rf dist/ \u0026\u0026 npmR build -- --watch \n```\n\nStart the server\n\n```\nnpmR start:serve -- --host 0.0.0.0\n```\n\n### Run with firebase emulators\n\nBuild the app to generate `client.html`\n\n```\nrm -rf public \u0026\u0026 PUBLIC_PATH=http://0.0.0.0:8000 npmR build -- --watch\n```\n\n\u003e PUBLIC_PATH is the hosting URL, check firebase.json file\n\nInside `functions` folder, run webpack in watch mode\n\n```\nrm -rf dist/ \u0026\u0026 NODE_ENV=production npmR build -- --watch \n```\n\nStart the emulators\n\n```\nnpmR start:emulators\n```\n\n---------\n\n## Tools\n\nTools that can help you in some way\n\n### Performance\n\n * \u003e [prerender.io][4]   \n   \u003e Allows your Javascript website to be crawled perfectly by search engines.\n * \u003e [react-snap][5]\n   \u003e Pre-renders a web app into static HTML. Uses Headless Chrome to crawl all available links starting from the root.\n * \u003e [pagespeed][pagespeed]\n   \u003e Test your page in all devices\n * \u003e [snyk][snyk]\n   \u003e Enabling more than 400,000 developers to continuously find and fix vulnerabilities in open source libraries and containers\n * \u003e [pingdom.com][pingdom.com]\n   \u003e Enter a URL to test the page load time, analyze it, and find bottlenecks.\n * \u003e [Codeball.ai](https://codeball.ai/)\n   \u003e Approve PRs using AI.\n\n### Great tools for SEO\n\n * [schema-markup-generator][1] or [json-ld-generator][json-ld-generator]\n * [seositecheckup.com][seositecheckup]\n * [rich-results][rich-results] or [structured-data][structured-data]\n * [facebook-og-debug][facebook-og-debug]\n * [linkedin-post-inspector][linkedin-post-inspector]\n * [twitter-card-validator][twitter-card-validator]\n * [smallseotools][smallseotools]\n\n\n### Other tools\n\n * [best-marketing-tools][best-marketing-tools]\n * [search-console][search-console]\n\n[1]: https://technicalseo.com/tools/schema-markup-generator/\n[json-ld-generator]: https://webcode.tools/json-ld-generator\n[best-marketing-tools]: https://saijogeorge.com/best-marketing-tools/\n[4]: https://prerender.io/\n[5]: https://github.com/stereobooster/react-snap\n[firebase-tools]: https://firebase.google.com/docs/cli\n[search-console]: https://search.google.com/search-console\n[seositecheckup]: https://seositecheckup.com/\n[pagespeed]: https://developers.google.com/speed/pagespeed/insights/\n[rich-results]: https://search.google.com/test/rich-results?utm_campaign=devsite\u0026utm_medium=jsonld\u0026utm_source=recipe\n[structured-data]: https://search.google.com/structured-data/testing-tool\n[facebook-og-debug]: https://developers.facebook.com/tools/debug/\n[smallseotools]: https://smallseotools.com/\n[linkedin-post-inspector]: https://www.linkedin.com/post-inspector/\n[twitter-card-validator]: https://cards-dev.twitter.com/validator\n[data-highlighter]: https://www.google.com/webmasters/data-highlighter/u/0/tagger?sourceId=106074205\u0026hl=en\n[markup-helper]: https://www.google.com/webmasters/markup-helper/u/0/tagger?sourceId=106075397\n[snyk]: https://snyk.io/\n[pingdom.com]: https://tools.pingdom.com/#5cb726db5c800000\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fridermansb%2Freact-firebase-ssr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fridermansb%2Freact-firebase-ssr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fridermansb%2Freact-firebase-ssr/lists"}