Users are individually authenticated with NASA API keys. This allows them to like posts and see who else liked them
The Spring boot server is hosted locally on a dedicated servers using certbot and NGINX for HTTPS. Browse the API on PostMan
Thanks to Gatsby's super fast static code output, as much of this site as possible is rendered server side. Only the content from the NASA API is loaded in client side.
All images and content are lazy loaded, enabling lightning fast load times. Also, images are loaded in sequence, first a low res blurry image, then a high res image when time allows. Everything which can be async is async.
Focus on the current text: the text in the middle of the screen has a higher opacity than the text at the edges, if your screen is big enough.
The site is animated using Framer Motion, with some animations disabled on small screen devices.
All the components which can be written in TypeScript are written in TypeScript!
You can specify colors in colors.scss and then it will automatically generate color palettes from them for you!
When you specify an accent color, style classes are auto generated for you for the accent color as well as variations like darker, lighter, etc. Learn more
Simply specify a personal access token with repo access in your repository secrets as ACCESS_TOKEN when you use this template and it should automatically publish to GitHub Pages on each push :)
Just specify your GTAG ID in GitHub secrets under GATRACKINGID and optionally AWCONVERSIONID, DCFLOODIGHTID to get started tracking your analytics.
Analytics are tracked only in production builds with the IDs passed by GitHub actions or in .env.production