GraphCMS Link Tree

This is an application similar to LinkTree, builded with Next.js and powered by GraphCMS.

How to use

1. Create a new GraphCMS project
2. Download manually this repo:

npx degit adeonir/graphcms-link-tree graphcms-link-tree

3. Add .env:

cp .env.example .env

4. Provide values for GRAPHCMS_AUTH_TOKEN and GRAPHCMS_ENDPOINT
5. Install dependencies:

yarn

6. Run the migrations:

yarn migrations

At this point, you should see 4 models in the GraphCMS Schema dashboard: Creator, Link, Page and Video

7. On GraphCMS Dashboard, create new content. Each page can have one creator and multiple links or videos
8. Run the server:

yarn dev

9. Open the browser and go to http://localhost:3000/slug, where slug is the text you provided on the Page model

---

What's inside

• NextJS
• ReactJS
• TypeScript
• Tailwind CSS
• GraphCMS
• GraphQL Request
• Jest
• React Testing Library

---

Made with ♥️ by Adeonir Kohl