Skip to content

Commit 05a599a

Browse files
Ashutosh-BhadauriyaAshutosh-Bhadauriya
committed
add sdk examples
1 parent fd878b8 commit 05a599a

File tree

3 files changed

+71
-12
lines changed

3 files changed

+71
-12
lines changed

‎passkey-api/js-sdk.mdx

+59
Original file line numberDiff line numberDiff line change
@@ -69,3 +69,62 @@ const creationOptions = await tenant.registration.initialize({
6969
```
7070

7171
{/* TODO complete node.js tutorial just like "/passkey-api/example-implementation"? */}
72+
73+
## Example Implementation
74+
75+
Check out sample apps made using the SDK:
76+
77+
<CardGroup cols={2}>
78+
<Card
79+
title="React-Express Example"
80+
href="https://github.com/teamhanko/passkeys-react-express"
81+
icon={
82+
<svg
83+
xmlns="http://www.w3.org/2000/svg"
84+
className="icon icon-tabler icon-tabler-brand-react"
85+
width="30"
86+
height="30"
87+
viewBox="0 0 30 30"
88+
strokeWidth="2"
89+
stroke="#5465FF"
90+
fill="none"
91+
strokeLinecap="round"
92+
strokeLinejoin="round"
93+
>
94+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
95+
<path d="M6.306 8.711c-2.602 .723 -4.306 1.926 -4.306 3.289c0 2.21 4.477 4 10 4c.773 0 1.526 -.035 2.248 -.102"></path>
96+
<path d="M17.692 15.289c2.603 -.722 4.308 -1.926 4.308 -3.289c0 -2.21 -4.477 -4 -10 -4c-.773 0 -1.526 .035 -2.25 .102"></path>
97+
<path d="M6.305 15.287c-.676 2.615 -.485 4.693 .695 5.373c1.913 1.105 5.703 -1.877 8.464 -6.66c.387 -.67 .733 -1.339 1.036 -2"></path>
98+
<path d="M17.694 8.716c.677 -2.616 .487 -4.696 -.694 -5.376c-1.913 -1.105 -5.703 1.877 -8.464 6.66c-.387 .67 -.733 1.34 -1.037 2"></path>
99+
<path d="M12 5.424c-1.925 -1.892 -3.82 -2.766 -5 -2.084c-1.913 1.104 -1.226 5.877 1.536 10.66c.386 .67 .793 1.304 1.212 1.896"></path>
100+
<path d="M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913 -1.104 1.226 -5.877 -1.536 -10.66c-.375 -.65 -.78 -1.283 -1.212 -1.897"></path>
101+
<path d="M11.5 12.866a1 1 0 1 0 1 -1.732a1 1 0 0 0 -1 1.732z"></path>
102+
</svg>
103+
}
104+
>
105+
Full source code available on our GitHub.
106+
</Card>
107+
<Card
108+
title="Remix example"
109+
href="https://github.com/teamhanko/passkeys-remix"
110+
icon={
111+
<svg
112+
xmlns="http://www.w3.org/2000/svg"
113+
className="icon icon-tabler icon-tabler-brand-github"
114+
width="24"
115+
height="24"
116+
viewBox="0 0 24 24"
117+
strokeWidth="2"
118+
stroke="#5465FF"
119+
fill="none"
120+
strokeLinecap="round"
121+
strokeLinejoin="round"
122+
>
123+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
124+
<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path>
125+
</svg>
126+
}
127+
>
128+
Full source code available on our GitHub.
129+
</Card>
130+
</CardGroup>

‎quickstarts/fullstack/next.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -668,7 +668,7 @@ export async function getUserData() {
668668
</svg>
669669
}
670670
>
671-
Full source code availabe on our GitHub
671+
Full source code available on our GitHub.
672672
</Card>
673673
</CardGroup>
674674

‎resources/examples.mdx

+11-11
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
2626
</svg>
2727
}
2828
>
29-
Full source code availabe on our GitHub
29+
Full source code available on our GitHub.
3030
</Card>
3131
<Card
3232
title="Next.js example (Pages router)"
@@ -50,7 +50,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
5050
</svg>
5151
}
5252
>
53-
Full source code availabe on our GitHub
53+
Full source code available on our GitHub.
5454
</Card>
5555
<Card
5656
title="Remix example"
@@ -73,7 +73,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
7373
</svg>
7474
}
7575
>
76-
Full source code availabe on our GitHub
76+
Full source code available on our GitHub.
7777
</Card>
7878
<Card
7979
title="Nuxt Example"
@@ -97,7 +97,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
9797
</svg>
9898
}
9999
>
100-
Full source code availabe on our GitHub
100+
Full source code available on our GitHub
101101
</Card>
102102
<Card
103103
title="SvelteKit Example"
@@ -121,7 +121,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
121121
</svg>
122122
}
123123
>
124-
Full source code availabe on our GitHub
124+
Full source code available on our GitHub.
125125
</Card>
126126
<Card
127127
title="React-Express Example"
@@ -150,7 +150,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
150150
</svg>
151151
}
152152
>
153-
Full source code availabe on our GitHub
153+
Full source code available on our GitHub.
154154
</Card>
155155
<Card
156156
title="React-Hono Example"
@@ -179,7 +179,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
179179
</svg>
180180
}
181181
>
182-
Full source code availabe on our GitHub
182+
Full source code available on our GitHub.
183183
</Card>
184184
<Card
185185
title="React-Elysia Example"
@@ -232,7 +232,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
232232
</svg>
233233
}
234234
>
235-
Full source code availabe on our GitHub
235+
Full source code available on our GitHub
236236
</Card>
237237
<Card
238238
title="Svelte-Express Example"
@@ -256,7 +256,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
256256
</svg>
257257
}
258258
>
259-
Full source code availabe on our GitHub
259+
Full source code available on our GitHub
260260
</Card>
261261
<Card
262262
title="Solid-Express Example"
@@ -285,7 +285,7 @@ description: Example apps showcasing integration of Hanko with your favorite fra
285285
</svg>
286286
}
287287
>
288-
Full source code availabe on our GitHub
288+
Full source code available on our GitHub
289289
</Card>
290290
<Card
291291
title="Symfony Example"
@@ -310,6 +310,6 @@ description: Example apps showcasing integration of Hanko with your favorite fra
310310
</svg>
311311
}
312312
>
313-
Full source code availabe on our GitHub
313+
Full source code available on our GitHub.
314314
</Card>
315315
</CardGroup>

0 commit comments

Comments
 (0)