{"id":13761827,"url":"https://github.com/hygraph/reference-marketing-website","last_synced_at":"2025-04-05T02:10:14.443Z","repository":{"id":38192221,"uuid":"267015032","full_name":"hygraph/reference-marketing-website","owner":"hygraph","description":"Next.js starter for creating a SaaS Marketing Website with Hygraph ⚡️","archived":false,"fork":false,"pushed_at":"2025-01-22T13:37:51.000Z","size":807,"stargazers_count":132,"open_issues_count":18,"forks_count":54,"subscribers_count":25,"default_branch":"main","last_synced_at":"2025-03-29T01:12:57.082Z","etag":null,"topics":["chakra-ui","graphcms","hygraph","nextjs","reference-implementation","saas"],"latest_commit_sha":null,"homepage":"https://marketing-websites.withheadlesscms.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/hygraph.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-05-26T10:38:33.000Z","updated_at":"2025-03-04T22:35:01.000Z","dependencies_parsed_at":"2023-01-21T14:04:25.644Z","dependency_job_id":"b95bc951-e080-4254-8684-29cd88caf030","html_url":"https://github.com/hygraph/reference-marketing-website","commit_stats":null,"previous_names":["graphcms/reference-marketing-website"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hygraph%2Freference-marketing-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hygraph%2Freference-marketing-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hygraph%2Freference-marketing-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hygraph%2Freference-marketing-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hygraph","download_url":"https://codeload.github.com/hygraph/reference-marketing-website/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247276189,"owners_count":20912288,"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":["chakra-ui","graphcms","hygraph","nextjs","reference-implementation","saas"],"created_at":"2024-08-03T14:00:29.808Z","updated_at":"2025-04-05T02:10:14.422Z","avatar_url":"https://github.com/hygraph.png","language":"JavaScript","funding_links":[],"categories":["Nextjs Templates"],"sub_categories":[],"readme":"# reference-marketing-website\n\n\u003e A [Next.js](https://nextjs.org/) starter for creating a SaaS Marketing Website with [Hygraph](https://hygraph.com)\n\n• [Demo](https://marketing-websites.withheadlesscms.com/)\n\n[![Clone project](https://hygraph.com/button)](https://app.graphcms.com/clone/5f2c35155b33496999b9467afe88b34f?name=Marketing%20Website)\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FGraphCMS%2Freference-marketing-website\u0026env=HYGRAPH_ENDPOINT\u0026envDescription=Your%20GraphCMS%20API%20endpoint\u0026envLink=https%3A%2F%2Fgraphcms.com%2Fdocs%2Fapi-reference%2Fbasics%2Fenvironments%23environment-endpoints\u0026demo-title=GraphCMS%20Marketing%20Site%20Reference\u0026demo-description=A%20Next.js%20starter%20for%20creating%20a%20SaaS%20Marketing%20Website%20with%20GraphCMS\u0026demo-url=https%3A%2F%2Fmarketing-websites.withheadlesscms.com%2F\u0026demo-image=https%3A%2F%2Fmedia.graphcms.com%2F0GnTWzWbRBSQzoDQs8R3)\n\n## Quick start\n\n1. Clone the repository and install project dependencies\n\n```shell\nnpx degit Hygraph/reference-marketing-website#main reference-marketing-website\ncd reference-marketing-website\nyarn\n```\n\n2. **Provide your Hygraph project keys**\n\nNavigate into your new site’s directory and copy the `.env.local.example` file.\n\n```shell\ncp .env.local.example .env.local\n```\n\nInside of your newly created `.env.local` file, provide values for the variable. These variables can be found in the [project settings UI](https://hygraph.com/docs/guides/concepts/apis#working-with-apis).\n\n```env\nHYGRAPH_ENDPOINT=\n```\n\n3. **Start building!**\n\n```shell\nyarn dev\n```\n\n## Next.js Preview Mode\n\nIf you want to enable [Next.js Preview Mode](https://nextjs.org/docs/advanced-features/preview-mode) you'll need to add the following to your `.env`:\n\n```env\nGRAPHCMS_TOKEN=\nGRAPHCMS_PREVIEW_TOKEN=\nGRAPHCMS_PREVIEW_SECRET=\n```\n\n### `GRAPHCMS_TOKEN`\n\nThis should be a Permanent Auth Token that is set to fetch content from _PUBLISHED_ content stage by default.\n\n### `GRAPHCMS_PREVIEW_TOKEN`\n\nThis should be a Permanent Auth Token that is set to fetch content from _DRAFT_ content stage by default.\n\n## `GRAPHCMS_PREVIEW_SECRET`\n\nYou'll need to make sure when configuring the Preview URL inside Hygraph that it passes the same secret value you assigned to `GRAPHCMS_PREVIEW_SECRET`.\n\nYou'll need to update both the Page \u0026 Blog Post model to add a Preview URL. The URLs should look like this:\n\n- **Page**: `https://[your-domain.com]/api/preview?secret=[GRAPHCMS_PREVIEW_SECRET_VALUE_HERE]\u0026slug={slug}`\n- **Blog Post**: `https://[your-domain.com]/api/preview?secret=[GRAPHCMS_PREVIEW_SECRET_VALUE_HERE]\u0026slug=blog/{slug}`\n\n## Features\n\n- [Next.js Preview Mode](https://nextjs.org/docs/advanced-features/preview-mode)\n- [next/image](https://nextjs.org/docs/api-reference/next/image)\n- [Internationalized Routing](https://nextjs.org/docs/advanced-features/i18n-routing)\n- [GraphQL Union Types (Polymorphic Relations)](https://hygraph.com/docs/schema/field-types)\n- [next-seo](https://www.npmjs.com/package/next-seo)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhygraph%2Freference-marketing-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhygraph%2Freference-marketing-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhygraph%2Freference-marketing-website/lists"}