{"id":20105238,"url":"https://github.com/hellotham/hello-gatsby-starter","last_synced_at":"2025-05-06T09:31:13.994Z","repository":{"id":97412529,"uuid":"410735022","full_name":"hellotham/hello-gatsby-starter","owner":"hellotham","description":"Hello Gatsby Starter - template for creating a corporate, marketing or blog site using Gatsby, Typescript and TailwindCSS.","archived":false,"fork":false,"pushed_at":"2023-09-08T00:57:17.000Z","size":187535,"stargazers_count":5,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-09T10:45:46.912Z","etag":null,"topics":["blog","gatsby","gatsby-starter","gatsbyjs","react","seo","tailwindcss","template","typescript","website"],"latest_commit_sha":null,"homepage":"https://hello-gatsby-starter.hellotham.com","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/hellotham.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"github":["hellotham"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2021-09-27T03:55:56.000Z","updated_at":"2023-11-16T10:49:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"9e145f07-ecf5-4488-819e-d31ec0c829da","html_url":"https://github.com/hellotham/hello-gatsby-starter","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/hellotham%2Fhello-gatsby-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellotham%2Fhello-gatsby-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellotham%2Fhello-gatsby-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellotham%2Fhello-gatsby-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hellotham","download_url":"https://codeload.github.com/hellotham/hello-gatsby-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252657185,"owners_count":21783782,"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":["blog","gatsby","gatsby-starter","gatsbyjs","react","seo","tailwindcss","template","typescript","website"],"created_at":"2024-11-13T17:46:16.128Z","updated_at":"2025-05-06T09:31:13.988Z","avatar_url":"https://github.com/hellotham.png","language":"TypeScript","funding_links":["https://github.com/sponsors/hellotham"],"categories":[],"sub_categories":[],"readme":"# Hello Gatsby Starter\n\n![screenshot](https://github.com/hellotham/hello-gatsby-starter/raw/master/src/images/screenshot.png)\n\nThis is starter template for a full featured marketing and blog website based on the following:\n\n- [Gatsby Starter Default](https://github.com/gatsbyjs/gatsby-starter-default)\n- [How To Set Up a Gatsby Project with TypeScript](https://www.digitalocean.com/community/tutorials/how-to-set-up-a-gatsby-project-with-typescript)\n- [Gatsby](https://gatsbyjs.org)\n- [TypeScript](https://www.typescriptlang.org/)\n- [TailwindCSS](https://tailwindcss.com) and [TailwindUI](https://tailwindui.com)\n- [HeroIcons](https://heroicons.com/)\n- [Hero Patterns](https://heropatterns.com/)\n- [HeadlessUI](https://headlessui.dev/)\n- [unDraw](https://undraw.co/) for illustrations\n- [MDX](https://mdxjs.com/) and [Markdown](https://www.markdownguide.org/)\n- [ESLint](https://eslint.org)for type-checking\n- [SendGrid](https://sendgrid.com/) email delivery\n- [Schema.org](https://schema.org/) and [JSON for Linking Data](https://json-ld.org/)\n- [Open Graph](https://ogp.me/) used by [Facebook](https://developers.facebook.com/docs/sharing/webmasters/#markup)\n- [Twitter Cards](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards)\n\nIt follows the [JAMstack architecture](https://jamstack.org) by using Git as a single source of truth, and is deployed on Gatsby Cloud.\n\nThis website is open source (0BSD licence) - fork it and customise for your needs.\n\n## Features\n\n- Full-featured blog with frontmatter (title, description, author, date, image, tags)\n- Tags index page and individual tag pages\n- Pagination in posts and tag pages\n- Support for RSS feed, sitemap and robots.txt\n- Automatic optimization of images in Markdown/MDX posts\n- SVG design (unDraw, Hero Patterns, HeroIcons)\n- Support for code syntax highlighting\n- Manifest and offline support\n- Contact form using sendgrid email and Gatsby functions\n- Full SEO support (via React Helmet) including Open Graph, Twitter Cards and Schema.org via JSON-LD\n\n## How to use the starter\n\n1. Clone your own version of the starter template or fork the repository. Run `yarn` then `yarn build` or `yarn develop`.\n2. The default colour scheme is purple to match the Gatsby logo. Change to your preferred hue by doing a global search and replace of '-purple-' to your favourite colour.\n3. The home (landing) page consists of a number of components (Hero, Feature, CTA, ...) - edit these components in `src/components` to customise.\n4. The `/contact` page displays an OpenStreetMaps map via Leaflet - customise by changing to your preferred set of coordinates.\n5. `gatsby-config.js` has all the site parameters - edit site metadata to suit.\n6. Create new MDX pages in `src/mdx` (using either `.md` or `.mdx` extension). Add React components to MDX in the `src/pages/{mdx.slug}.tsx` file.\n7. Any content created in the `src/mdx/blog` subdirectory will automatically be a blog post. Use `src/mdx/post/2000-01-01-template.md` as a base for creating a new blog post.\n8. If you create a new tag (eg. `newtag`) a new tag page will be created ie. `/tags/newtag`. The `/tags` page will enumerate all tags.\n9. If you want to change the navigation menu, edit `src/components/header.tsx`. Similarly, edit `src/components/footer.tsx` to customise the footer.\n10. If you make a lot of changes, use `yarn lint` and `yarn type-check` to check everything is okay.\n\n## SendGrid configuration (for contact form)\n\nInsert the following environment variables (either in .env or on deployment host):\n\n- `SENDGRID_API_KEY`\n- `SENDGRID_AUTHORIZED_EMAIL`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhellotham%2Fhello-gatsby-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhellotham%2Fhello-gatsby-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhellotham%2Fhello-gatsby-starter/lists"}