Skip to content

In this blog post I will guide you on how to set up and configure Nuxt Apollo in a Nuxt 3 project, as well as demonstrate how to query GraphQL APIs and handle data in a Nuxt 3 application using Nuxt Apollo.

Notifications You must be signed in to change notification settings

selemondev/nuxt-3-apollo

Repository files navigation

Nuxt 3 + Nuxt Apollo 🚀

This project is a demonstration of how to use Nuxt 3 with Nuxt Apollo to fetch data from the Ricky and Morty GraphQL API and display it on the website. It also includes a light and dark mode feature created using the @nuxtjs/color-mode module and styling is done using the nuxt/tailwindcss module.

Installation

  1. Clone the repository to get started
git clone https://github.com/your-username/nuxt-3-apollo.git
  1. Install the dependencies
npm install 
yarn install
pnpm install
  1. Start the development server
npm run dev
yarn dev

Features ✨

  • ✨ Customizable light and dark modes for a personalized viewing experience.
  • 🔥 Effortless data retrieval from the cutting-edge Ricky and Morty GraphQL API through the use of Apollo.
  • 🎨 Eye-catching and Contemporary design, achieved through the implementation of TailwindCSS.
  • 📱 Seamless User Experience on all devices, thanks to the responsive design approach.

Note

This is just a demonstration project and should not be used in production without proper testing and optimization.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Feel free to use the code and make it better.

About

In this blog post I will guide you on how to set up and configure Nuxt Apollo in a Nuxt 3 project, as well as demonstrate how to query GraphQL APIs and handle data in a Nuxt 3 application using Nuxt Apollo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published