add hasura.io/learn/ graphql tutorials

.eslintrc.cjs

@@ -0,0 +1,17 @@
+module.exports = {
+  root: true,
+  overrides: [
+    {
+      files: ["**/*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}"],
+      extends: ["plugin:tailwindcss/recommended"],
+      parser: "@typescript-eslint/parser",
+      parserOptions: {
+        sourceType: "module",
+        ecmaVersion: "latest",
+      },
+      rules: {
+        "tailwindcss/classnames-order": "off",
+      },
+    },
+  ],
+}

.github/ISSUE_TEMPLATE/bug-report.md

@@ -0,0 +1,32 @@
+---
+name: "Bug Report"
+about: Notice something off? Tell us about it here.
+labels: bug
+---
+
+<!-- If you have any questions while filling out this issue template, feel free to ping our team in the #website channel on the GraphQL Slack (invite link available in CONTRIBUTING.md) -->
+
+### Description
+
+<!-- Tell us about the bug you found -->
+
+### Steps to Reproduce
+
+<!-- Steps for how we can replicate your experience (numbered lists are best) -->
+
+### Expected Result
+
+<!-- What did you expect to happen? -->
+
+### Actual Result
+
+<!-- What actually happened? -->
+
+### Additional Context
+
+<!--
+    Anything else that will help us better understand, for example:
+      * Information about your local environment
+      * Screenshots
+      * Code snippets
+-->

.github/ISSUE_TEMPLATE/code-changes.md

@@ -0,0 +1,23 @@
+---
+name: "Code Changes"
+about: Tell us more about how you want to improve graphql.org
+labels: enhancement
+---
+
+<!-- If you have any questions while filling out this issue template, feel free to ping our team in the #website channel on the GraphQL Slack (invite link available in CONTRIBUTING.md) -->
+
+### Description
+
+<!-- Tell us all about your idea -->
+
+### Motivation
+
+<!-- Why are you proposing this change? What problem would it be solving? -->
+
+### Collaboration
+
+<!-- Do you want to build this out? Or are you proposing an idea? -->
+
+### Additional Context
+
+<!-- Anything else that will help us understand your vision -->

.github/ISSUE_TEMPLATE/new-faq-question.md

@@ -0,0 +1,23 @@
+---
+name: "New FAQ Question"
+about: Propose a new question to add to our FAQ page
+labels: faq
+---
+
+<!-- If you have any questions while filling out this issue template, feel free to ping our team in the #website channel on the GraphQL Slack (invite link available in CONTRIBUTING.md) -->
+
+### Question
+
+<!-- The question you think we should add to the FAQ -->
+
+### Proposed answer
+
+<!-- What is the answer you'd expect to see for this question? -->
+
+### Collaboration
+
+<!-- Do you want to write this? Or are you proposing an idea? -->
+
+### Additional Context
+
+<!-- Anything else that you think we should know -->

.github/ISSUE_TEMPLATE/question.md

@@ -0,0 +1,7 @@
+---
+name: "Question"
+about: Ask us anything!
+labels: question
+---
+
+<!-- Feel free to ask questions here, or you can also find us on the #website channel on the GraphQL Slack (invite link available in CONTRIBUTING.md) -->

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,15 @@
+<!--
+  Thanks for making a pull request!
+
+  Before submitting, please read our contributing guidelines:
+  https://github.com/graphql/graphql.github.io/blob/source/CONTRIBUTING.md
+
+  Have any questions?
+  Feel free to ask in this PR or you can also find us on the #website channel on the GraphQL Slack (invite link available in CONTRIBUTING.md)
+-->
+
+Closes #<issue number>
+
+## Description
+
+<!-- Write a brief description of the changes introduced by this PR -->

.github/workflows/CI.yml

@@ -0,0 +1,20 @@
+name: CI
+on: pull_request
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "18.15.0"
+
+      - run: yarn install
+
+      # Verify it compiles
+      - run: yarn build
+
+      # Doesn't pass ATM
+      # - run: yarn tsc --noEmit

.github/workflows/prettier.yml

@@ -0,0 +1,13 @@
+name: Prettier Check
+
+on: pull_request
+
+jobs:
+  prettier-check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Dependencies
+        run: yarn
+      - name: Run Prettier Check
+        run: yarn format:check

.gitignore

@@ -68,3 +68,11 @@ yarn-error.log
 .pnp.js
 # Yarn Integrity file
 .yarn-integrity
+
+# Swap files
+*.swp
+
+# Codegen stuff
+src/__generated__/
+
+.idea/

.node-version

@@ -0,0 +1 @@
+18.16.0

.prettierrc

@@ -1,4 +1,5 @@
 {
   "arrowParens": "avoid",
-  "semi": false
-}
+  "semi": false,
+  "singleQuote": false
+}

CONTRIBUTING.md

@@ -0,0 +1,166 @@
+# Contributing to graphql.org
+
+> This repository is governed by the [GraphQL Code of Conduct](https://graphql.org/codeofconduct/). By contributing, you agree to abide by its terms.
+
+Thanks for taking the time to contribute! The GraphQL community is great because of people like you 🎉
+
+There are many ways to get involved. Follow this guide and feel free to [reach out if you have questions](#asking-questions).
+
+## What's in this document
+
+- [Development guide](#development-guide)
+  - [Running the site locally](#running-the-site-locally)
+  - [Branching](#branching)
+  - [Project structure](#project-structure)
+  - [Publishing the updated site](#publishing-the-updated-site)
+- [Updating content](#updating-content)
+  - [Fix a typo, code sample bug, or formatting](#fix-a-typo-code-sample-bug-or-formatting)
+  - [Add a library or tool to the Code page](#add-a-library-or-tool-to-the-code-page)
+  - [Add a resource to the Community page](#add-a-resource-to-the-community-page)
+  - [Add a question to the FAQ](#add-a-question-to-the-faq)
+  - [Write a new section or guide](#write-a-new-section-or-guide)
+- [Making changes to the code](#making-changes-to-the-code)
+  - [Browser support](#browser-support)
+- [Contributing something else](#contributing-something-else)
+- [Asking questions](#asking-questions)
+
+## Development guide
+
+### Running the site locally
+
+First, clone this repository and move into the directory:
+
+```bash
+git clone https://github.com/graphql/graphql.github.io.git
+cd graphql.github.io
+```
+
+Then, use [Yarn](https://yarnpkg.com/getting-started/install) to install and load all the necessary dependencies:
+
+```bash
+yarn
+```
+
+> Note: [Yarn is currently the only way to run the site locally](https://github.com/graphql/graphql.github.io/issues/946).
+
+Run the `start` script to launch the server:
+
+```bash
+yarn start
+```
+
+Finally, open [http://localhost:8000](http://localhost:8000) to view it in the browser.
+
+The GraphQL website is built with [Gatsby](https://www.gatsbyjs.com/docs/). This means that a hot-reloading development environment will be accessible by default.
+
+### Branching
+
+Active development for graphql.org happens on the `source` branch. Be sure to create any new branches or direct any pull requests back to `source`.
+
+### Project structure
+
+- `static`: Files that will be copied directly to `public`.
+- `public`: Output files that will be served by a static HTTP server.
+- `src`: Markdown and the TypeScript/JavaScript files used to generate the website.
+  - `assets`: All the [`less`](http://lesscss.org/) files that contain stylesheets.
+  - `components` and `Containers`: React components used for layouts and pages.
+  - `content`: Markdown files with the content of pages.
+  - `templates`: Layout templates.
+  - `utils`: Helper functions.
+
+### Publishing the updated site
+
+Your changes will be merged into the `source` branch. Then, the CI will automatically publish a new version of http://graphql.org via [Netlify](https://docs.netlify.com/).
+
+## Updating content
+
+### Fix a typo, code sample bug, or formatting
+
+If you notice something wrong in the text or code samples, please follow our [development guide](#development-guide) to [open a pull request](https://github.com/graphql/graphql.github.io/pulls) with your fix.
+
+All of the content on graphql.org is written and formatted in [Markdown](https://www.gatsbyjs.com/docs/mdx/markdown-syntax/).
+
+### Add a library, tool, or service to the Code page
+
+The [Code page](https://graphql.org/code/) is a collection of libraries, tools, and services built for GraphQL.
+
+#### General guidelines
+
+**Adding a resource:**
+
+- With rare exceptions, any pull request that adds a new library, tool, or service to the Code page will be accepted.
+- Any library should include a few paragraphs describing the usage and offering people a chance to grok the project priorities.
+- If there isn't a section already for your programming language, please add it.
+
+If it isn't a library, tool, or service - then it could go on the [Community page](#add-a-resource-to-the-community-page). If you aren't sure where your resource would fit, you can [open an issue](https://github.com/graphql/graphql.github.io/issues/new) and ask.
+
+**Removing a resource:**
+
+- Services that don't work anymore
+- Code repositories that are archived
+- Projects declared to be abandoned by their maintainers
+- Any link that 404s
+
+We rely on these concrete signals before removing a resource. Even if a project hasn't been released in a few years, that doesn't mean that it's not working.
+
+#### Workflow
+
+To add or remove a resource to this page, follow our [development guide](#development-guide) to [open a pull request](https://github.com/graphql/graphql.github.io/pulls).
+
+The content for this page is located in [various directories under `src/content/code`](./src/). Everything is written and formatted in [Markdown](https://www.gatsbyjs.com/docs/mdx/markdown-syntax/).
+
+### Add a resource to the Community page
+
+The [Community page](https://graphql.org/community/) highlights resources and groups that help people get more involved with GraphQL.
+
+To add something to this page, follow our [development guide](#development-guide) to [open a pull request](https://github.com/graphql/graphql.github.io/pulls).
+
+The content for this page is located in a [directory under `src/content/community`](./src/). Everything is written and formatted in [Markdown](https://www.gatsbyjs.com/docs/mdx/markdown-syntax/).
+
+### Add a question to the FAQ
+
+Our [Frequently Asked Questions (FAQ) page](https://graphql.org/faq/) is designed to help answer questions from the community. This page is still in development, so if you think there's a question missing - please [open an issue](https://github.com/graphql/graphql.github.io/issues/new)! It'd be great if you could include both the question and a proposed answer outline in the issue description.
+
+Once you have approval from a maintainer, use the [development guide](#development-guide) to add your question and answer. The content for the FAQ is located in [`src/content/faq`](./src/content/faq/). Each section has its own [Markdown](https://www.gatsbyjs.com/docs/mdx/markdown-syntax/) file.
+
+> Note: All answers in this section should be vendor-neutral and accessible to GraphQL users of all levels.
+
+When your answer is ready, [open a pull request](https://github.com/graphql/graphql.github.io/pulls/).
+
+### Write a new section or guide
+
+There are still several [Best Practices guides that no one has written](https://github.com/graphql/graphql.github.io/issues/41) yet. If you want to take one of these, comment on [the original issue](https://github.com/graphql/graphql.github.io/issues/41) and mention which topic you'll work on.
+
+Then, use our [development guide](#development-guide) to determine where your new page best fits. Our documentation is written and formatted in [Markdown](https://www.gatsbyjs.com/docs/mdx/markdown-syntax/).
+
+Once it's ready for review, please [open a pull request](https://github.com/graphql/graphql.github.io/pulls/).
+
+## Making changes to the code
+
+Before diving into any code updates, please [open an issue](https://github.com/graphql/graphql.github.io/issues/new) describing the change(s) you'd like to make.
+
+If you're working off an [existing issue](https://github.com/graphql/graphql.github.io/issues/), follow our [development guide](#development-guide) to make your changes. Once it's ready for review, please [open a pull request](https://github.com/graphql/graphql.github.io/pulls/) and reference the original issue.
+
+### Browser support
+
+We aim to support the latest stable versions of Chrome, Edge, Firefox, Safari, and Safari on mobile.
+
+## Contributing something else
+
+Interested in adding something not covered in this guide? Please [open an issue](https://github.com/graphql/graphql.github.io/issues/new) and tell us all about your idea.
+
+## Asking questions
+
+If you run into any problems or have questions while contributing, you're always welcome to [open an issue](https://github.com/graphql/graphql.github.io/issues/new).
+
+# Opening a PR to contribute your code
+
+You can also ping our team in the [#website channel on the GraphQL Slack](https://graphql.slack.com/messages/website/). [Get your invite here!](https://graphql-slack.herokuapp.com/)
+
+This repository is managed by EasyCLA. Project participants must sign the free ([GraphQL Specification Membership agreement](https://preview-spec-membership.graphql.org) before making a contribution. You only need to do this one time, and it can be signed by [individual contributors](http://individual-spec-membership.graphql.org/) or their [employers](http://corporate-spec-membership.graphql.org/).
+
+To initiate the signature process please open a PR against this repo. The EasyCLA bot will block the merge if we still need a membership agreement from you.
+
+You can find [detailed information here](https://github.com/graphql/graphql-wg/tree/main/membership). If you have issues, please email [operations@graphql.org](mailto:operations@graphql.org).
+
+If your company benefits from GraphQL and you would like to provide essential financial support for the systems and people that power our community, please also consider membership in the [GraphQL Foundation](https://foundation.graphql.org/join).

LICENSE

@@ -1,26 +1,21 @@
-LICENSE AGREEMENT For graphql.org software
+MIT License
 
-Facebook, Inc. (“Facebook”) owns all right, title and interest, including all
-intellectual property and other proprietary rights, in and to the graphql.org
-software. Subject to your compliance with these terms, you are hereby granted a
-non-exclusive, worldwide, royalty-free copyright license to (1) use and copy the
-graphql.org software; and (2) reproduce and distribute the graphql.org software
-as part of your own software (“Your Software”). Facebook reserves all rights not
-expressly granted to you in this license agreement.
+Copyright (c) GraphQL Contributors
 
-THE SOFTWARE AND DOCUMENTATION, IF ANY, ARE PROVIDED "AS IS" AND ANY EXPRESS OR
-IMPLIED WARRANTIES (INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE) ARE DISCLAIMED. IN NO
-EVENT SHALL FACEBOOK OR ITS AFFILIATES, OFFICES, DIRECTORS OR EMPLOYEES BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
-GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
-HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
-LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
-THE USE OF THE SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
 
-You will include in Your Software (e.g., in the file(s), documentation or other
-materials accompanying your software): (1) the disclaimer set forth above; (2)
-this sentence; and (3) the following copyright notice:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
 
-Copyright (c) 2015, Facebook, Inc. All rights reserved.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.