Skip to content

Snap-Camera-Kit-WebSDK provides a guide for integrating and deploying Snap Camera Kit web application. This repo demonstrates the steps to run locally and deploy via Vercel.

License

Notifications You must be signed in to change notification settings

egemengulpinar/Snap-Camera-Kit-WebSDK

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Snap-Camera-Kit-WebSDK TR | ES

Basic Snap Camera-Kit Deployment & Integration guide. For more details and documentation please check Docs Snap CameraKit WebSDK

In this guide, we also deploy this project via vercel using with NextJS. For see results, please check Demo app below.

Demo

Please first allow camera access and snap legal terms.

next-app-egemengulpinar.vercel.app

Ekran.Kaydi.2023-05-29.22.38.54.mov

Install Dependencies(Local)

Install Snap Camera-Kit package :

npm install @snap/camera-kit

npm install

Token Settings

First insert your token into .env file that are taken by camera-kit.snapchat.com

  • API TOKEN
  • LENS ID
  • LENS GROUP ID

Build and Run(Local)

npm run build 

npm start 

Build & Deploy(Vercel)

first install dependencies

npx create-next-app@latest
cd next-app
npm install @snap/camera-kit
npm install
sudo npm i -g vercel

for run locally to check

npm run dev

deploy to vercel

vercel

Contributing

I know there's a security issue with the token being visible when you're inspect the page.There might be create server-client communication to hide token info.

If you contribute and fix this issue feel free to pull requests.

Support

You can contact with me via e-mail & discord

About

Snap-Camera-Kit-WebSDK provides a guide for integrating and deploying Snap Camera Kit web application. This repo demonstrates the steps to run locally and deploy via Vercel.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published