{"id":19915123,"url":"https://github.com/devdezzies/catournal","last_synced_at":"2025-10-16T11:18:33.430Z","repository":{"id":185587680,"uuid":"343096578","full_name":"devdezzies/Catournal","owner":"devdezzies","description":"Catournal site","archived":false,"fork":false,"pushed_at":"2021-03-14T15:14:03.000Z","size":498,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-11T23:18:35.132Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"catournalsite-git-master-devdezzies.vercel.app","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/devdezzies.png","metadata":{"files":{"readme":"README.md","changelog":null,"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}},"created_at":"2021-02-28T12:11:13.000Z","updated_at":"2021-03-20T00:55:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"b9023cc8-f59d-4927-83dc-e1bdbf24936d","html_url":"https://github.com/devdezzies/Catournal","commit_stats":null,"previous_names":["devdezzies/catournal"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdezzies%2FCatournal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdezzies%2FCatournal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdezzies%2FCatournal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdezzies%2FCatournal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devdezzies","download_url":"https://codeload.github.com/devdezzies/Catournal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241343171,"owners_count":19947338,"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-12T21:38:43.516Z","updated_at":"2025-10-16T11:18:28.385Z","avatar_url":"https://github.com/devdezzies.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Prist | A Gatsby \u0026 Prismic Starter\n\nA light-themed starter powered by [Gatsby v2](https://www.gatsbyjs.org) and [Prismic](https://prismic.io/) to showcase portfolios and blogs.\n\n\u003cimg width=\"1280\" alt=\"prist\" src=\"https://user-images.githubusercontent.com/5288685/63654882-51787e00-c746-11e9-9e9e-2ab823129d93.png\"\u003e\n\n\n### 👩‍💻 [Demo website](http://prist.marguerite.io)\n\n## ✨ Features\n\n- Landing page with customizable Hero, Portfolio preview, and About component.\n- [Emotion](https://emotion.sh/docs/styled) styled components\n- Blog layout and pages\n- Portfolio layout and pages\n- Google Analytics\n- Mobile ready\n\n## 🚀 Getting Started\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/margueriteroth/gatsby-prismic-starter-prist)\n\n1. **Create a Gatsby site.**\n\nUse the Gatsby CLI to create a new site, specifying this project. If you don't have the CLI installed already, see [Gastby instructions](https://www.gatsbyjs.org/tutorial/part-zero/#using-the-gatsby-cli).\n\n```sh\ngatsby new YOUR-PROJECT-NAME https://github.com/margueriteroth/gatsby-prismic-starter-prist\n```\n\n2. **Start developing.**\n\nNavigate into your new site's directory, install node modules, and start it up.\n\n```sh\ncd YOUR-PROJECT-NAME\nnpm install\ngatsby develop\n```\n\n3. **Open the code and start customizing!**\n\nYour site is now running at `http://localhost:8000`!\n\n_Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._\n\n\n## 👩‍🎤 Configuring Prismic\n\n1. **Create account and repo**\n\nHead over to [Prismic](https://prismic.io/signup) and create your new account. Once you have an account, create a new repository.\n\n2. **Add the repo to your new project**\n\nIn your `gatsby-config.js` file, add your Prismic Repo name to the `repositoryName` field:\n\n```\n`gatsby-plugin-sharp`,\n    {\n        resolve: 'gatsby-source-prismic-graphql',\n        options: {\n            repositoryName: 'REPO-NAME', // (REQUIRED, replace with your own)\n        }\n    },\n```\n3. **Define your Custom Types**\n\nThis starter uses 3 Custom Types:\n![image](https://user-images.githubusercontent.com/5288685/62646196-c01ea480-b91b-11e9-8d30-d9fbf8d1df36.png)\n\nCreate the three following Custom Types by selecting \"Create New\" in the top right of your screen, and selecting either Repeatable Type or Single Type.\n\n**1. Homepage** (Single)\n![image](https://user-images.githubusercontent.com/5288685/65046592-f265ed80-d92e-11e9-8700-4602b9038c0d.png)\nIn the right panel, select *JSON editor* and paste the following:\n```\n{\n  \"Main\" : {\n    \"uid\" : {\n      \"type\" : \"UID\",\n      \"config\" : {\n        \"label\" : \"homepage\"\n      }\n    },\n    \"hero_title\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"multi\" : \"heading1, hyperlink\",\n        \"allowTargetBlank\" : true,\n        \"label\" : \"hero title\",\n        \"placeholder\" : \"Hello world\"\n      }\n    },\n    \"hero_button_text\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"multi\" : \"hyperlink\",\n        \"label\" : \"hero button text\",\n        \"placeholder\" : \"Click me!\"\n      }\n    },\n    \"hero_button_link\" : {\n      \"type\" : \"Link\",\n      \"config\" : {\n        \"allowTargetBlank\" : true,\n        \"label\" : \"hero button link\",\n        \"placeholder\" : \"Click me!\"\n      }\n    },\n    \"content\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"multi\" : \"paragraph, preformatted, heading1, heading2, heading3, heading4, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, o-list-item\",\n        \"allowTargetBlank\" : true,\n        \"label\" : \"content\"\n      }\n    },\n    \"about_title\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"single\" : \"heading3\",\n        \"label\" : \"about title\",\n        \"placeholder\" : \"About\"\n      }\n    },\n    \"about_bio\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"multi\" : \"paragraph, preformatted, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, o-list-item\",\n        \"allowTargetBlank\" : true,\n        \"label\" : \"about bio\",\n        \"placeholder\" : \"Lorem ipsum...\"\n      }\n    },\n    \"about_links\" : {\n      \"type\" : \"Group\",\n      \"config\" : {\n        \"fields\" : {\n          \"about_link\" : {\n            \"type\" : \"StructuredText\",\n            \"config\" : {\n              \"single\" : \"hyperlink\",\n              \"allowTargetBlank\" : true,\n              \"label\" : \"about link\",\n              \"placeholder\" : \"ie. Github\"\n            }\n          }\n        },\n        \"label\" : \"about links\"\n      }\n    }\n  }\n}\n```\n\n**2. Post** (Repeatable)\n```\n{\n  \"Main\" : {\n    \"post_title\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"single\" : \"heading1, heading2, heading3, heading4, heading5, heading6\",\n        \"label\" : \"post title\"\n      }\n    },\n    \"uid\" : {\n      \"type\" : \"UID\",\n      \"config\" : {\n        \"label\" : \"post uid\"\n      }\n    },\n    \"post_category\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"single\" : \"heading5\",\n        \"label\" : \"post category\"\n      }\n    },\n    \"post_preview_description\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"multi\" : \"paragraph, strong, em, hyperlink, list-item\",\n        \"label\" : \"post preview description\"\n      }\n    },\n    \"post_author\" : {\n      \"type\" : \"Select\",\n      \"config\" : {\n        \"options\" : [ \"Prist Team\", \"Marguerite Roth\" ],\n        \"default_value\" : \"Prist Team\",\n        \"label\" : \"post author\"\n      }\n    },\n    \"post_hero_image\" : {\n      \"type\" : \"Image\",\n      \"config\" : {\n        \"constraint\" : { },\n        \"thumbnails\" : [ ],\n        \"label\" : \"post hero image\"\n      }\n    },\n    \"post_hero_annotation\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"single\" : \"heading6, strong, em, hyperlink\",\n        \"allowTargetBlank\" : true,\n        \"label\" : \"post hero annotation\"\n      }\n    },\n    \"post_body\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"multi\" : \"paragraph, preformatted, heading1, heading2, heading3, heading4, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, o-list-item\",\n        \"allowTargetBlank\" : true,\n        \"label\" : \"post body\"\n      }\n    },\n    \"post_date\" : {\n      \"type\" : \"Date\",\n      \"config\" : {\n        \"label\" : \"post date\"\n      }\n    }\n  }\n}\n```\n\n**3. Project** (Repeatable)\n```\n{\n  \"Main\" : {\n    \"project_title\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"single\" : \"heading1\",\n        \"label\" : \"project title\"\n      }\n    },\n    \"uid\" : {\n      \"type\" : \"UID\",\n      \"config\" : {\n        \"label\" : \"project uid\"\n      }\n    },\n    \"project_category\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"single\" : \"heading5\",\n        \"label\" : \"project category\"\n      }\n    },\n    \"project_preview_description\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"multi\" : \"paragraph, strong, em, hyperlink\",\n        \"allowTargetBlank\" : true,\n        \"label\" : \"project preview description\"\n      }\n    },\n    \"project_preview_thumbnail\" : {\n      \"type\" : \"Image\",\n      \"config\" : {\n        \"constraint\" : { },\n        \"thumbnails\" : [ ],\n        \"label\" : \"project preview thumbnail\"\n      }\n    },\n    \"project_hero_image\" : {\n      \"type\" : \"Image\",\n      \"config\" : {\n        \"constraint\" : { },\n        \"thumbnails\" : [ ],\n        \"label\" : \"project hero image\"\n      }\n    },\n    \"project_description\" : {\n      \"type\" : \"StructuredText\",\n      \"config\" : {\n        \"multi\" : \"paragraph, preformatted, heading1, heading2, heading3, heading4, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, o-list-item\",\n        \"allowTargetBlank\" : true,\n        \"label\" : \"project description\"\n      }\n    },\n    \"project_post_date\" : {\n      \"type\" : \"Date\",\n      \"config\" : {\n        \"label\" : \"project post date\"\n      }\n    }\n  }\n}\n```\n\n---\n\n# Tips \u0026 Common issues:\n\nThank you to everyone for contributing!\n\n#### Prismic Data sourcing problems:\n\nGatsby needs Prismic to return data, meaning the field cannot be left empty. \n\nFrom [@georgex1999](https://github.com/georgex1999)\n* If you, like me, are new to prismic.io.. you can't just setup the Custom types as stated in the readme you also need to add Content to them and Publish. This may seem obvious but stumped me for a while!\n* As far as I could tell you need to fill in ALL the fields with content to get the site up and running. Otherwise you get a NULL value error.\n* I had an error that stumped me for a while and it was because I hadn't added the link properly to the social media link. I'll attach a screenshot of this in case it catches anyone else out and the error it brings up.\n![image](https://user-images.githubusercontent.com/5288685/86611700-0857a400-bf7d-11ea-9ec1-4f02f874e5af.png)\nhttps://github.com/margueriteroth/gatsby-prismic-starter-prist/issues/5#issuecomment-578314236\n\n\nFrom [@kylemhudson](https://github.com/kylemhudson)\n* I'd recommend adding a few more points to the end of \"3. Define your Custom Types\" telling the user to fill out at least enough content in the Custom Types to populate one of each type, and definitely show adding the URL to the About section. Adding enough content to everything else doesn't do it, you have to add the URL type within About for the project to work.\nhttps://github.com/margueriteroth/gatsby-prismic-starter-prist/issues/5#issuecomment-653038425\n\n\n---\n\nI've had issues fetching updated data from Prismic. Running `gatsby clean` clears the cache.\n\nAdditionally, clearing the cache, node modules, and package-lock.json can also clear your slate. \n1. `rm -rf node_modules .cache package-lock.json`\n2. `npm install`\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevdezzies%2Fcatournal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevdezzies%2Fcatournal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevdezzies%2Fcatournal/lists"}