svelte-passkey-demo Svelte Themes

Svelte Passkey Demo

Demonstration of using the svelte-passkey-component within an Astro project. It showcases how to integrate passkey-based authentication in a modern web application using Svelte components in the Astro framework.

Svelte Passkey Demo with Astro

This is a demo of using the svelte-passkey-component with Astro.

This project demonstrates how to integrate the svelte-passkey-component library into an Astro application for passkey-based authentication.

šŸš€ Project Structure

Inside of this Astro project, you'll see the following folders and files:

/
ā”œā”€ā”€ public/
│   └── favicon.svg
ā”œā”€ā”€ src/
│   ā”œā”€ā”€ components/
│   │   └── PasskeyAuth/
│   │       └── lib/
│   │           ā”œā”€ā”€ components/
│   │           ā”œā”€ā”€ i18n/
│   │           ā”œā”€ā”€ server/
│   │           └── PasskeyAuth.svelte
│   ā”œā”€ā”€ layouts/
│   │   └── Layout.astro
│   ā”œā”€ā”€ lib/
│   │   └── adapters/
│   └── pages/
│       ā”œā”€ā”€ api/
│       │   └── auth/
│       └── index.astro
└── package.json

šŸ§ž Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:4321
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying
npm run astro ... Run CLI commands like astro add, astro check
npm run astro -- --help Get help using the Astro CLI

šŸ‘€ Want to learn more?

Check out Astro documentation or join their Discord server.

Top categories

Loading Svelte Themes