Howtos
Installation

Installation

How to use

Connect to @volta feed

You need to follow this ADD Link guide to add the RWE Azure devOps Registry to your npm path. After that you are able to download all @volta deps to your project.

Add a .npmrc to your project, in the same directory as your package.json Copy the code below to your user .npmrc.

registry=https://pkgs.dev.azure.com/RWE-Renewables/_packaging/Volta/npm/registry/ 
                       
always-auth=true
 

Setup credentials

Step 1

Copy the code below to your user .npmrc.

; begin auth token
//pkgs.dev.azure.com/RWE-Renewables/_packaging/Volta/npm/registry/:username=RWE-Renewables
//pkgs.dev.azure.com/RWE-Renewables/_packaging/Volta/npm/registry/:_password=[BASE64_ENCODED_PERSONAL_ACCESS_TOKEN]
//pkgs.dev.azure.com/RWE-Renewables/_packaging/Volta/npm/registry/:email=npm requires email to be set but doesn't use the value
//pkgs.dev.azure.com/RWE-Renewables/_packaging/Volta/npm/:username=RWE-Renewables
//pkgs.dev.azure.com/RWE-Renewables/_packaging/Volta/npm/:_password=[BASE64_ENCODED_PERSONAL_ACCESS_TOKEN]
//pkgs.dev.azure.com/RWE-Renewables/_packaging/Volta/npm/:email=npm requires email to be set but doesn't use the value
; end auth token
Step 2

Generate a Personal Access Token (opens in a new tab) with Packaging read & write scopes.

Step 3

Base64 encode the personal access token from Step 2.

One safe and secure method of Base64 encoding a string is to:

  1. From a command/shell prompt run:
node -e "require('readline') .createInterface({input:process.stdin,output:process.stdout,historySize:0}) .question('PAT> ',p => { b64=Buffer.from(p.trim()).toString('base64');console.log(b64);
process.exit(); })"
  1. Paste your personal access token value and press Enter/Return
  2. Copy the Base64 encoded value

always-auth=true

vite App

Next.js

npx create-next-app@latest my-project --typescript --eslint
cd my-project

Tailwind

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p