{"id":17788292,"url":"https://github.com/nickytonline/vscode-gatsby-snippets","last_synced_at":"2025-08-21T10:10:20.388Z","repository":{"id":78822704,"uuid":"114836219","full_name":"nickytonline/vscode-gatsby-snippets","owner":"nickytonline","description":"Visual Studio Code code snippets for use with the GatsbyJS static site generator for React.","archived":false,"fork":false,"pushed_at":"2018-12-01T18:41:12.000Z","size":637,"stargazers_count":12,"open_issues_count":2,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-02T00:31:26.565Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=nickytonline.vscode-gatsby-snippets","language":null,"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/nickytonline.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2017-12-20T02:59:45.000Z","updated_at":"2020-12-19T06:53:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"bd9a4418-8972-4e8e-8871-62fe66bdca4b","html_url":"https://github.com/nickytonline/vscode-gatsby-snippets","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/nickytonline/vscode-gatsby-snippets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fvscode-gatsby-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fvscode-gatsby-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fvscode-gatsby-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fvscode-gatsby-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nickytonline","download_url":"https://codeload.github.com/nickytonline/vscode-gatsby-snippets/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fvscode-gatsby-snippets/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271462064,"owners_count":24763857,"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-08-21T02:00:08.990Z","response_time":74,"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":[],"created_at":"2024-10-27T10:18:19.624Z","updated_at":"2025-08-21T10:10:20.372Z","avatar_url":"https://github.com/nickytonline.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gatsby Snippets\n\nSnippets for GatsbyJS.\n\n![Gatsby JS snippets in action](images/snippet-in-action.gif)\n\n## Release Notes\n\n### 1.1.2\n\n- Changed the name of the package to Gatsby Snippets\n\n### 1.1.1\n\n- Updated cheesy logo\n\n### 1.1.0\n\nAdded GatsbyJS graphql image fragment snippets.\n\n### 1.0.3\n\nAdded list of shortcuts.\n\n### 1.0.2\n\nAdded cheesy icon.\n\n### 1.0.1\n\nAdded the GatbsyJS markdown page snippet.\n\n### 1.0.0\n\nInitial release.\n\n---\n\n## Gatsby Markdown snippets shortcuts\n\nPress `Ctrl+Space` (Windows, Linux) or `Cmd+Space` (OSX) to see a list of Markdown snippets\n\n| Snippet | Output                |\n| ------- | --------------------- |\n| `ga`    | creates a new article |\n| `gp`    | creates a new page    |\n\n### Working with Markdown\n\nHere are some useful editor keyboard shortcuts:\n\n- Split the editor (`Cmd+\\` on OSX or `Ctrl+\\` on Windows and Linux)\n- Toggle preview (`Shift+CMD+V` on OSX or `Shift+Ctrl+V` on Windows and Linux)\n\n### More information\n\n- [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)\n- [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)\n\n## Gatsby Graphql snippets shortcuts\n\nThese snippets require embedded graphql syntax support. You can enable support by installing [gatsby-extension-pack](https://marketplace.visualstudio.com/items?itemName=nickytonline.gatsby-extension-pack).\n\n### Gatsby Image sharp snippets\n\n| Snippet    | Output                                        |\n| ---------- | --------------------------------------------- |\n| `gfi`      | `...GatsbyImageSharpFixed`                    |\n| `gfino`    | `...GatsbyImageSharpFixed_noBase64`           |\n| `gfisvg`   | `...GatsbyImageSharpFixed_tracedSVG`          |\n| `gfiwp`    | `...GatsbyImageSharpFixed_withWebp`           |\n| `gfiwpno`  | `...GatsbyImageSharpFixed_withWebp_noBase64`  |\n| `gfiwpsvg` | `...GatsbyImageSharpFixed_withWebp_tracedSVG` |\n| `gfl`      | `...GatsbyImageSharpFluid`                    |\n| `gflno`    | `...GatsbyImageSharpFluid_noBase64`           |\n| `gflsvg`   | `...GatsbyImageSharpFluid_tracedSVG`          |\n| `gflwp`    | `...GatsbyImageSharpFluid_withWebp`           |\n| `gflwpno`  | `...GatsbyImageSharpFluid_withWebp_noBase64`  |\n| `gflwpsvg` | `...GatsbyImageSharpFluid_withWebp_tracedSVG` |\n\n### Gatsby Source Contentful snippets\n\n| Snippet     | Output                                       |\n| ----------- | -------------------------------------------- |\n| `gscfi`     | `...GatsbyContentfulFixed`                   |\n| `gscfino`   | `...GatsbyContentfulFixed_noBase64`          |\n| `gscfisvg`  | `...GatsbyContentfulFixed_tracedSVG`         |\n| `gscfiwp`   | `...GatsbyContentfulFixed_withWebp`          |\n| `gscfiwpno` | `...GatsbyContentfulFixed_withWebp_noBase64` |\n| `gscfl`     | `...GatsbyContentfulFluid`                   |\n| `gscflno`   | `...GatsbyContentfulFluid_noBase64`          |\n| `gscflsvg`  | `...GatsbyContentfulFluid_tracedSVG`         |\n| `gscflwp`   | `...GatsbyContentfulFluid_withWebp`          |\n| `gscflwpno` | `...GatsbyContentfulFluid_withWebp_noBase64` |\n\n### Gatsby Source DatoCMS snippets\n\n| Snippet   | Output                           |\n| --------- | -------------------------------- |\n| `gsdfi`   | `...GatsbyDatoCmsFixed`          |\n| `gsdfino` | `...GatsbyDatoCmsFixed_noBase64` |\n| `gsdfl`   | `...GatsbyDatoCmsFluid`          |\n| `gsdflno` | `...GatsbyDatoCmsFluid_noBase64` |\n\n**Enjoy!**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickytonline%2Fvscode-gatsby-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnickytonline%2Fvscode-gatsby-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickytonline%2Fvscode-gatsby-snippets/lists"}