Drop-in to your new local first app. Get started in no time, your framework should do more for you.
This is a WIP. In the near future, the primary template will be local first via Zero. The most usable and available template is the
npx @drop-in/new your-app-name
||pnpx @drop-in/new your-app-name
cd ./your-app-name
pnpm install
||npm install
- Set ENV credentials
- (optional).
npm run typegen
||pnpm typegen
must have all env credentials set to work
- Lofi -> The default template
- Easy start for local first, Zero based sites
- Base CSS @drop-in/graffiti
- Basic typography system
- Grid System
- Elements @drop-in/decks
- Standards based simple toast system
- Dialog based modals and drawers
- Popover base menues
- Elements @drop-in/ramps
- Customizable tmeplates that you can pull into your project
- Aliases and structure
- Drizzle based server schema / migrations with Zero Drizzle connection for a one time schema authoring experience.
- Auth via @drop-in/pass
- Email via @drop-in/beeper
$lib: 'src/lib';
$routes: 'src/routes';
$state: 'src/state';
$types: 'src/types';
$utils: 'src/utilities';
Zero Sync is the local first platform of your dreams. https://zero.rocicorp.dev/ utilizing Zero Svelte, Drop In is able to load data locally while syncing to your database in the backend.
The base template has two main route paths. SSR based with no auth or app code with auth. While you could have authenticated user data there are enough major differences in approach (ie not using server actions, cookie for auth token, .server.ts files, ect..) that having both in this codebase felt like it would make it too complex. Might make a 2nd template with full SSR.
It's pretty trivial to add those yourself and I wanted to keep this as bare as possible style wise. Many projects have their own CSS needs and I want to respect that. I'd like to add a cli with alternate builds of this with more baked in UI if anyone is interested in helping.
- Svelte Kit CLI code
- Meteor