🌎
Sign-In with Wallet (React)
For a step by step tutorial for allowing users to sign in to your app with their wallet, follow the README on Github.
Alternatively, you can clone the repository and run the example to preview the final results by following these instructions:
Step 1: Clone the repository
Paste the following into your terminal and hit enter:
git clone [email protected]:picketapi/picket-example-hello-world.git
Step 2: Install dependencies
Cd into the cloned directory
cd picket-example-hello-world/
Install dependencies from
package.json
by running the following command in your terminal.npm install
Step 3: Insert your publishable API key
Open the repository in any code editor and locate the file named
_app.tsx
Within that file you'll see a line of code that looks like this:
const apiKey = "YOUR_PUBLISHABLE_KEY_GOES_HERE";
Replace
YOUR_PUBLISHABLE_KEY_GOES_HERE
with your publishable key, which you can find on your picket dashboard once you have logged in.Step 4: Run App and Test
Run the following in your terminal to run the app:
npm run dev
To test the app go to any browser and go to
localhost:3000
to see the following:

You can now click on that button to experience log in for yourself. You also have the cloned repository on your computer for inspection. You can mess with it to learn and start building your next project.
Last modified 10mo ago