Vue Templates Logo Vue Templates
Nuxt Apollo screenshot

Nuxt Apollo

Author Avatar Theme by Ahalimkara
Updated: 16 May 2021
41 Stars

Vue, Nuxt.js, GraphQL, Apollo, TypeScript, Ant Design starter kit.

Github

Categories

Nuxt

Overview:

The Nuxt Apollo is a starter kit that combines Vue, Nuxt.js, GraphQL, Apollo Client, TypeScript, and Ant Design. It provides a GraphQL API and includes various features such as authentication, internationalization, server-side rendering, code splitting, file upload (work in progress), SEO friendly pages, and hot module replacement. It also includes several middlewares for handling authentication and redirects, and provides debugging instructions for Chrome DevTools and WebStorm.

Features:

  • Authentication: Provides a middleware for loading user data and adding it to the Vuex store on every route change.
  • Internationalization: Supports multilingual content and provides tools for localization.
  • Server Side Rendering: Generates fully rendered HTML pages on the server for improved performance and SEO.
  • Code splitting: Automatically splits the code into smaller chunks for better performance and faster page loads.
  • File Upload (WIP): Work in progress feature for handling file uploads.
  • SEO Friendly: Generates SEO-friendly pages with proper metadata and tags.
  • Hot Module Replacement (HMR): Allows for faster development by automatically updating the modules without reloading the entire page.
  • Ant Design Vue: Includes the Ant Design UI library for creating beautiful and responsive user interfaces.

Installation:

To install the Nuxt Apollo starter kit, follow these steps:

  1. Clone the repository and navigate to the project directory:
git clone https://github.com/username/repo.git
cd repo
  1. Install the dependencies using Yarn:
yarn install
  1. Start the development server:
yarn dev
  1. Open your browser and navigate to http://localhost:3000 to see the application running.

Summary:

The Nuxt Apollo starter kit is a powerful tool for building Vue applications with GraphQL and Apollo Client. It provides various features out of the box, such as authentication, internationalization, server-side rendering, and code splitting. It also includes helpful middlewares for handling authentication and redirects. The kit integrates the Ant Design Vue UI library, making it easy to create beautiful and responsive user interfaces. Overall, this starter kit simplifies the development process and provides a solid foundation for building modern Vue applications.