About this project

The project delves into the intricacies of server-side and client-side caching for Nuxt3 projects. It leverages the official NASA APIs and the Marvel API (both of which necessitate registration).

The gathered data is aggregated and subsequently cached on the server side, utilizing a Redis database hosted at redislabs.com (registration is mandatory, but the subscription plan is free). Integration of Redis directly into Nuxt3 is facilitated, as detailed in the Nuxt3 server documentation .

Vue Tanstack Query serves as the solution for client-side caching, encompassing tasks such as fetching, caching, synchronizing, and updating server state.

My project leverages Vuetify for rapid prototyping, prioritizing speed and efficiency in development. While design and styling play a role, they are not the primary focus of this project.

The website is currently hosted on Netlify .

You can clearly see that the site is much faster due to the caching mechanisms used. Enjoy playing around with it. In the future, I intend to expand the website by incorporating additional content and unlocking the full potential of the powerful Tanstack Query tool.

You can find the project on
https://github.com/Milenoi/nuxt-cache