AngularSpacexGraphqlCodegen

This project was generated with Angular CLI version 16.2.1.

Project Info

This project was created following instructions from https://github.com/arjunyel/angular-spacex-graphql-codegen and video GraphQL Basics - Build an app with the SpaceX API

Differences from base project:

  • https://api.spacex.land/graphql/ no longer operational; using https://spacex-production.up.railway.app/ instead
  • difference in command in Angular version 16.2.1: ng g component launch-list --changeDetection=OnPush => ng g component launch-list --change-detection=OnPush
  • spacexGraphql.service.ts codegen: override was not added to document, had to add manually
  • had to add optional chaining for every field and subfield in launch-list & launch-details html because every field is optional in the new API

API info

https://studio.apollographql.com/public/SpaceX-pxxbxen

End Result

Launch List page

img

Launch Details page

img