search

sveltejs / kit

web development, streamlined
https://kit.svelte.dev
MIT License
18.51k stars 1.9k forks source link

More examples #88

Open Rich-Harris opened 3 years ago

Rich-Harris commented 3 years ago

The more examples we can create, the better, both in terms of helping people understand the capabilities of SvelteKit (and having useful references) and in terms of our own dogfooding.

Application Holotypes, while written as a guide for when not to use an SSR framework, contains some good inspiration for the sorts of things it would be interesting to build.

If it doesn't naturally fall out of those examples, then it would also be good to focus on page transition examples.

Also: an example of a component library

benmccann commented 3 years ago

It might be hard to keep too many examples up-to-date. I think we barely do it for the HN and RealWorld examples today (e.g. if I recall correctly, the RealWorld example doesn't use preload much if at all and so isn't really built how we'd expect a Sapper app to be written).

One option might be to highlight projects from the community. E.g. https://crownframework.com/ is an e-commerce framework built using Sapper. I imagine it will be moved to Kit and could be something to suggest folks consider for an e-commerce site.

There are also a couple SSG frameworks built using Svelte like Elder.js, Plenti, and JungleJS. I'm not sure those would necessarily use Kit, but it does sounds like JungleJS is going to try

Evertt commented 3 years ago

If it doesn't naturally fall out of those examples, then it would also be good to focus on page transition examples.

That looks awesome and would definitely make me go "wow!"

opensas commented 3 years ago

Thinking about good examples, something that every developer might find useful and take immediately as starter point to develop something and evetually put in production, I think the following would be great additions:

I think it would be pretty useful to have a wel organized, with sane defaults, great looking blog/presentation/portfolio developed with SvelteKit that you could just fork and deploy to vercel with one command! It would be a great way to help developers give their first steps with SvelteKit with something real.

A big plus would be to support https://mdsvex.com/ out of the box.

I understand that making a fairly feature complete version of these sites is a lot of work, and perhaps too much code for an example, perhaps some basic starter version would be more appropiate and just let the community add more features

Rich-Harris commented 3 years ago

Agree with OOTB mdsvex support (though I think we should use .svelte.md as the extension), and I love the idea of a SvelteKit presentation framework — it would be a really good opportunity to think deeply about page transitions

benmccann commented 3 years ago

I think the main issue with transitions is https://github.com/sveltejs/kit/issues/628

opensas commented 3 years ago

A SvelteKit based presentation framework would really boost Svelte difussion and adoption. If you could prepare one of your breath-taking presentations for the launch of SvelteKit, and include the presentation project in the SvelteKit example folder, it would let us all shamelssly steal it away from y... I mean get inspiration from your hard work. It would be a great starter for everyone willing to showcase Svelte, and the perfect excuse to start playing with it.

spences10 commented 2 years ago

I've put together several examples of using SvelteKit with different GraphQL clients, so the exact same project and endpoint but utilising different GQL clients for each one, is that something that would be of interest?

swyxio commented 2 years ago

i am committing to maintaining https://github.com/sw-yx/swyxkit/ for the time being - happy to donate it eventually as i probably wont maintain it long term - but it should serve the blog usecase, and i'd like it to serve the dashboard usecase after 1.0 is baked.

LukeHagar commented 1 year ago

I nominate https://skeleton.dev for a component example. :)

enBonnet commented 1 year ago

Should we organize those examples or demos on some page? ie: https://kit.svelte.dev/showcase

david-plugge commented 1 year ago

SvelteKit + Supabase + Stripe example :) https://github.com/supabase-community/sveltekit-subscription-payments

elliott-with-the-longest-name-on-github commented 1 year ago

@Rich-Harris I know we commissioned some examples; does this issue still need to be open?