---
canonical: https://amplience.com/developers/docs/technologies/vue/
title: Vue.js

description: Use the tutorials, sample code and Software Development Kits (SDK) provided here to find out how easy it is to use Amplience with your Vue development.
audience: Developer
date_published: 2022-07-25
date_modified: 2023-05-17
---

# Vue.js

Tutorials, sample code and SDKs to assist your Vue development.

## Tutorials

- [Get started tutorial](https://amplience.com/developers/docs/start). A Vue.js example that demonstrates how use the Content Delivery SDK to retrieve content from the CMS and render it. Uses the example of a simple banner. Find this on GitHub in the [sample code](https://github.com/amplience/amplience-developer-portal-code-examples) repo.

## SDKs

- [Content Delivery SDK](https://github.com/amplience/dc-delivery-sdk-js). A JavaScript SDK that makes it easier to use the Content Delivery API.
- [Visualization SDK](https://github.com/amplience/dc-visualization-sdk). A JavaScript SDK for creating realtime visualisations.

## Sample code

The following examples all use the Vue.js framework.

### Vue.js demo Algolia blog

An example app that makes use of Dynamic Content and the Algolia integration to create a simple blog with keyword search features. This example uses the NextJS framework for Vue.js.

#### Key features demonstrated

- Using the Dynamic Content Algolia integration
- Setting up and using the Dynamic Content Accelerators
- Using the Content Rendering Service with the Content Delivery SDK

Find it on [GitHub](https://github.com/amplience/dc-algolia-blog-demo).

### Extensions

#### Hierarchy chooser extension

The hierarchy chooser extension allows users to browse and add content items from a [hierarchy](https://amplience.com/developers/docs/dev-tools/guides-tutorials/hierarchies) rather than having to find these items in the Content Library.

Find it on [GitHub](https://github.com/amplience/dc-extension-hierarchy-chooser).