{"id":15192536,"url":"https://github.com/petekgithub/graphql-countryapi-ts-remix","last_synced_at":"2026-03-05T11:04:50.571Z","repository":{"id":194127075,"uuid":"689728602","full_name":"petekgithub/graphql-countryAPI-ts-remix","owner":"petekgithub","description":":dancer: remix-typescript-graphql app","archived":false,"fork":false,"pushed_at":"2023-09-14T11:54:47.000Z","size":139,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-11T14:31:48.333Z","etag":null,"topics":["graphql-server","grapqhl-client","reactjs","remix","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/petekgithub.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2023-09-10T18:08:58.000Z","updated_at":"2023-10-26T20:33:45.000Z","dependencies_parsed_at":"2023-09-12T01:00:09.990Z","dependency_job_id":"4434a9b4-94ed-4b66-8089-388d65af44fe","html_url":"https://github.com/petekgithub/graphql-countryAPI-ts-remix","commit_stats":{"total_commits":16,"total_committers":1,"mean_commits":16.0,"dds":0.0,"last_synced_commit":"936d7971160281f6601fd651b57426f9f8195ffa"},"previous_names":["petekgithub/graphql-countryapi-ts-remix"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petekgithub%2Fgraphql-countryAPI-ts-remix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petekgithub%2Fgraphql-countryAPI-ts-remix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petekgithub%2Fgraphql-countryAPI-ts-remix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petekgithub%2Fgraphql-countryAPI-ts-remix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/petekgithub","download_url":"https://codeload.github.com/petekgithub/graphql-countryAPI-ts-remix/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241256042,"owners_count":19934970,"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":["graphql-server","grapqhl-client","reactjs","remix","typescript"],"created_at":"2024-09-27T21:41:33.884Z","updated_at":"2025-02-28T22:25:30.437Z","avatar_url":"https://github.com/petekgithub.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Create a SPA using with CountryAPI - Remix - Typescript\n\n- Files\n\n## index.tsx\n\nThis file is the entry point of my application. It uses Apollo Client's **useQuery** hook to fetch data from a GraphQL server. The GraphQL query, defined using the gql template literal, fetches information about a specific country with the code \"BR.\" The data is then displayed on the screen.\n\n**_COUNTRIES_QUERY:_** The GraphQL query for fetching country data.\n\nIndex(): The main React component that fetches and displays the country data. It handles loading and error states using the useQuery hook.\n\n## client.tsx\n\nThis file contains the **client-side** code for my application. It sets up Apollo Client, fetches data from a GraphQL server, and displays a list of countries. It also includes filtering and grouping functionality based on user input.\n\nCOUNTRIES_QUERY: The GraphQL query for fetching a list of countries.\n\napplyFilterAndGroup(): A function for filtering and grouping country data based on user input.\n\nClient(): The main React component that fetches and displays the list of countries. It handles loading, error states, filtering, and grouping.\n\nclient: An instance of Apollo Client configured to connect to the GraphQL server.\n\n## server.tsx\n\nThis file is responsible for server-side rendering (SSR) using Remix. It renders the initial HTML markup for the application when a request is made to the server.\n\nhandleRequest(): The server request handler function that renders the initial HTML markup using Remix Server.\nGetting Started\nProvide instructions on how to run and set up your project locally. Include any prerequisites, installation steps, and configuration if necessary.\n\nUsage\nExplain how to use my application, including any features or functionality. Provide examples if applicable.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpetekgithub%2Fgraphql-countryapi-ts-remix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpetekgithub%2Fgraphql-countryapi-ts-remix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpetekgithub%2Fgraphql-countryapi-ts-remix/lists"}