Full-Stack Code Samples: Vue.js + JavaScript

Build a custom "Hello World" sample that shows how Vue.js + JavaScript authentication works together with API server authorization to secure a full-stack application.

Client framework

Vue.js + JavaScript

Change client framework

Client type

Single-Page App

Change client type

Security level

Basic Role-Based Access Control

Change security level

Use case

https://cdn.auth0.com/blog/developer-hub/auth0-shield-black.svg

https://cdn.auth0.com/blog/developer-hub/hello-world.svg

Hello World

Change use case

Choose a backend framework:

Actix Web + Rust

This code sample uses Actix Web v3.3.2 and Rust v1.56

Django + Python

This code sample uses Django v3.2.8 and Python v3.7+

This code sample uses .NET v5.0

Express.js + JavaScript

This code sample uses Express.js v4.17.1

Express.js + TypeScript

This code sample uses Express.js v4.17.1 and TypeScript v4.4.4

This code sample uses Flask v2.0.2 and Python v3.9.8

This code samples uses Laravel v8.75.0 and the Auth0 PHP SDK v8.0.3. It supports PHP v7.4 or v8.0.

This code samples uses Lumen v8.3.1 and the Auth0 PHP SDK v8.0.3. It supports PHP v7.4.5.

Phoenix + Elixir

This code sample uses Phoenix v1.6.2 and Elixir v1.12

This code sample uses Rails v6.1.4 and Ruby 3.0

Spring Boot + Java

This code sample uses Spring Boot v2.6.1 and Java v17.0.1.

Spring Functional + Java

This code sample follows a functional approach to build a Spring API. It uses Spring Boot v2.6.1 and Java v17.0.1.

Standard Library + Golang

This code sample uses Golang v1.15+