Milenoi / nuxt-cache

Playing around with redis cache and TanStack vue query

Nuxt-cache

Description

This project is a Nuxt.js application that utilizes caching for optimized performance.

Features

• Caching for faster loading times
• Dynamic content updates
• Responsive design

Getting Started

To get this project up and running locally, follow these steps:

Prerequisites

• Node.js installed on your machine

Installation

1. Clone the repository

   git clone [e-mail]:Milenoi/nuxt-cache.git
   

2. Navigate to the project directory

   cd nuxt-cache
   

3. Set correct node version

   nvm i
   

4. Install dependencies

   yarn install

Environment Variables

To set up the necessary environment variables for this project, create a .env file in the project root directory and add the following variables:

NUXT_NASA_API_KEY=YOUR_NASA_API_KEY Get it here
NUXT_MARVEL_PUBLIC_API_KEY=YOUR_MARVEL_PUBLIC_API_KEY Get it here
NUXT_MARVEL_SECRET_API_KEY=YOUR_MARVEL_SECRET_API_KEY Get it here
NUXT_REDIS_PASSWORD=YOUR_REDIS_PASSWORD Get it here
NUXT_REDIS_PORT=YOUR_REDIS_PORT Get it here
NUXT_REDIS_HOST=YOUR_REDIS_HOST Get it here
NUXT_REDIS_USERNAME=YOUR_REDIS_USERNAME Get it here

Development

1. Start the development server

   yarn dev

Open your browser and access the application at http://localhost:3000

Production Build

1. Generate a production build

   yarn build
   

2. Start the production server

   yarn start

Visit Website

The website is currently hosted on Netlify

https://nuxt-cache-project.netlify.app/

Contribution

Feel free to contribute by opening a pull request. Please follow the project's code of conduct.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.