egemengulpinar / Snap-Camera-Kit-WebSDK

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.

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

• [e-mail]
• egemengulpinar#3536