learn-graphql icon indicating copy to clipboard operation
learn-graphql copied to clipboard

typescript-react-relay tutorial

Open PedroBern opened this issue 4 years ago • 4 comments

I'm planning to add a typescript-react-relay tutorial, opening this issue to discuss related topics.

PedroBern avatar Oct 21 '20 11:10 PedroBern

@praveenweb I'm trying to run the container in Dev Mode, but I got the following error:

AlgoliaSearchError: Please provide an application ID. Usage: algoliasearch(applicationID, apiKey, opts)

SearchComponent src/components/search/index.js:123

  120 | const ref = createRef()
  121 | const [query, setQuery] = useState(``)
  122 | const [focus, setFocus] = useState(false)
> 123 | const searchClient = algoliasearch(
  124 |   config.header.search.algoliaAppId,
  125 |   config.header.search.algoliaSearchKey
  126 | )

Should I add the following line to the localdev docker? I think it's not the right solution... also it will be missing the ALGOLIA_ADMIN_KEY.

# Build static files
RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build

PedroBern avatar Oct 21 '20 14:10 PedroBern

@PedroBern - You can disable algoliasearch to skip this. This should be available in config.js file. Just toggle the value of search to false and you can continue testing.

praveenweb avatar Oct 21 '20 14:10 praveenweb

@praveenweb I have already tryed it this morning, didn't work :(

Edit: you mean the whole search, ok I will try next time, I have toggled just the enabled flag.

PedroBern avatar Oct 21 '20 15:10 PedroBern

@praveenweb thanks for the support! what would be the best way to help? You said that Relay you want to add in a separate tutorial ... Would be helpful creating the boilerplate and app-final for relay, being the boilerplate just like the current boilerplate for apollo? Let me know your thought about it!

PedroBern avatar Oct 22 '20 10:10 PedroBern