{"id":18441214,"url":"https://github.com/jamesknelson/create-react-blog","last_synced_at":"2025-04-05T07:04:49.473Z","repository":{"id":41902207,"uuid":"164399948","full_name":"jamesknelson/create-react-blog","owner":"jamesknelson","description":"Start and deploy your own statically rendered blog with create-react-app","archived":false,"fork":false,"pushed_at":"2021-01-02T16:28:55.000Z","size":927,"stargazers_count":548,"open_issues_count":18,"forks_count":69,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-29T06:05:28.640Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://create-react-blog.netlify.com/","language":"JavaScript","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/jamesknelson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-07T08:17:06.000Z","updated_at":"2025-01-10T09:50:30.000Z","dependencies_parsed_at":"2022-08-26T08:00:59.712Z","dependency_job_id":null,"html_url":"https://github.com/jamesknelson/create-react-blog","commit_stats":null,"previous_names":["frontarm/create-react-blog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesknelson%2Fcreate-react-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesknelson%2Fcreate-react-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesknelson%2Fcreate-react-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamesknelson%2Fcreate-react-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jamesknelson","download_url":"https://codeload.github.com/jamesknelson/create-react-blog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247299831,"owners_count":20916190,"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":[],"created_at":"2024-11-06T06:35:22.866Z","updated_at":"2025-04-05T07:04:49.430Z","avatar_url":"https://github.com/jamesknelson.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"npx create-react-blog\n=====================\n\nCreate a blog with **[create-react-app](https://facebook.github.io/create-react-app/)**, **[MDX](https://mdxjs.com)**, and **[Navi](https://frontarm.com/navi/)**.\u003cbr /\u003e\nThemed after Gatsby's blog starter and Dan Abramov's [overreacted.io](https://overreacted.io).\n\n**[See an example of the deployed app →](https://create-react-blog.netlify.com/)**\n\nComes with:\n\n📡 RSS feed generation\u003cbr /\u003e\n🏷️ Tagged posts\u003cbr /\u003e\n🚀 HTML files for each URL\u003cbr /\u003e\n📜 Smooth scrolling to hash links\u003cbr /\u003e\n🔥 Animated page loading transition\u003cbr /\u003e\n🔗 Easy code splitting with `import()`\u003cbr /\u003e\n⏩ Paginated index page\u003cbr /\u003e\n⛑ TypeScript support\n\n\nGetting started\n---------------\n\nThe simplest way to get started is to use `npx`:\n\n```bash\nnpx create-react-blog react-blog\ncd react-blog\nnpm start\n```\n\nIf you'd like to use TypeScript, just pass in a `--typescript` option:\n\n```bash\nnpx create-react-blog react-blog --typescript\n```\n\nAlternatively, you can clone this repository yourself and use one of the templates yourself. If you take this approach, make sure to also run `npm install`:\n\n```bash\ngit clone git@github.com:frontarm/create-react-blog.git\nmv create-react-blog/template react-blog\ncd react-blog\nnpm install\nnpm start\n```\n\nTo statically build your blog and then start a local server for testing:\n\n```bash\nnpm run build\nnpm run serve\n```\n\nThe quickest and easiet way to deploy your blog is with [Netlify](https://netlify.com/), which is already set up and ready to go:\n\n```bash\n# Deploy to a test URL\nnpm run deploy\n\n# Deploy to a production URL\nnpm run deploy:prod\n```\n\nOf course, since your site is just a bunch of HTML files, it can be deployed anywhere you'd like. Here's a couple alternatives:\n\n- [Deploying with ZEIT Now](https://zeit.co/docs/v2/deployments/basics/)\n- [Surge.sh](https://surge.sh/)\n\n\nHow to...\n---------\n\n**To update the site's title,** edit the metadata in `src/siteMetadata.js`.\n\n**To your bio and photo,** edit the Bio component in `src/components/Bio.js`.\n\n**To change the site's colors,** edit the `:root` block in `src/index.module.css`.\n\n**To create a new post,** add a new directory to `src/routes/posts` that is prefixed with the new post's publication date, then create a `post.js` file inside it:\n\n```jsx\nexport default {\n  title: `Learn How To Build This Blog From Scratch`,\n  tags: ['react', 'navi'],\n  spoiler: \"An online course with loads of live demos and exercises.\",\n  getContent: () =\u003e import('./document.mdx'),\n}\n```\n\n**To set the maximum number of posts on an index page,**, set the `indexPageSize` property of the object exported by `src/siteMetadata.js`.\n\n**To modify the generated HTML,** update the `src/renderPageToString.js` file.\n\n**To add non-blog pages,** just use [`Navi.createPage()`](https://frontarm.com/navi/reference/declarations/#createpage), [`Navi.createSwitch()`](https://frontarm.com/navi/reference/declarations/#createswitch) and [`Navi.createRedirect()`](https://frontarm.com/navi/reference/declarations/#createredirect). For an example, check the about page at [src/routes/about/index.js](template/src/routes/about/index.js). If you create a page, remember to add it to the root switch at [src/routes/index.js](template/src/routes/index.js).\n\n**To brush up on React's fundamentals,** check out the [React (without the buzzwords)](https://frontarm.com/courses/learn-raw-react/) and [Asynchronous JavaScript](https://frontarm.com/courses/async-javascript/) courses.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamesknelson%2Fcreate-react-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjamesknelson%2Fcreate-react-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamesknelson%2Fcreate-react-blog/lists"}