Change Hairstyle with AI and Nuxt.js
ChangeHairstyleAI.com
How it works
This app is powered by:
? Replicate, a platform for running machine learning models in the cloud.
✂ HairCLIP, an open-source machine learning model that generates images of hairstyles by text and a reference image.
▲ Vercel, a platform for running web apps.
⚡️ Nuxt.js server-side API handlers, for talking to the Replicate API.
? Vuetify, a Vue.js component framework for the browser UI.
Run it yourself
You need a Replicate API token (and optionally an Upload.io public API key). Copy the contents of .example.env into a new file in the root of your directory called .env and insert the API key(s) there, like this:
# Get your Replicate API token at https://www.replicate.com/account
NUXT_REPLICATE_API_TOKEN=<put your token here>
# Optional, if you're planning to use Upload.io.
NUXT_PUBLIC_UPLOAD_API_KEY=<put your key here>
Then, install the dependencies and run the local development server:
npm install
npm run dev
Open http://localhost:3000 in your web browser. Done!
One-click deploy
Deploy this project using Vercel: