sveltekit-example
vite
sveltekit-example | vite | |
---|---|---|
3 | 804 | |
155 | 65,479 | |
- | 1.1% | |
0.0 | 9.8 | |
over 1 year ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
sveltekit-example
-
Ask HN: What would be your stack if you are building an MVP today?
The DB connection to Supabase can be made where ever you want it to be. It’s just JavaScript.
In Node, a “module” is generally scoped to a file. So you make a db.ts file and export the instance you create and it functions basically as a singleton. One DB connection per user per session. SvelteKit let’s you choose where to put that. The first place you import it is when it instantiates.
Auth in SvelteKit is trickier than it should be, but there’s a really good technique that I recommend you follow: https://www.captaincodeman.com/re-creating-the-sveltekit-ses...
I believe he uses firebase in his example. But don’t just copy paste, try to understand what is actually happening and why he had to do this workaround. Once you understand how SSR actually works, things get a lot easier.
Stores are a way of storing state on the client side, but to do SSR Svelte has to use stores on its “backend”. The key thing to understand is that stores that are used for SSR are server wide and persistent so you can’t store user specific data in them. There’s a special spot for that kind of state called events.locals.
It’s probably the trickiest area of SvelteKit IMO. I hope they make it better.
-
How to call mongodb without using endpoints?
I recommend checking out Firebase. Was super easy to get started with for me. And here’s a really easy-to-follow example of using firebase auth with svelte
-
Svelte and Firebase auth question
I just started using firebase too, recommend using this example for inspiration, got me going pretty quick.
vite
- Migrando do CRA para Vite
-
Why and How to Migrate Your React App from CRA to Vite
In Vite, legacy browsers can be supported via the official @vitejs/plugin-legacy plugin, it also provides Browselist like configuration.
-
Switching to Vite from React-Scripts
I have a silly react project that I’m working on that I made using create-react-app. By default, these kinds of projects build and run using react-scripts which uses webpack under the hood for building projects. Vite is generally known to be faster than Webpack ⚡ so I was curious about how to swap them.
-
Converting couple thousands Js/Ts files that contains JSX content to jsx extension
Without a transpiler in the process, the jsx left as is: https://github.com/vitejs/vite/discussions/3448
-
Series - Converting Large Codebase Project to Vite
We wanted to change the bundler to vite for two main reasons:
-
How to Start & Setup a React project in 2024 (7 Different Ways Based on Use Cases)
You can see all create-vite templates for other libraries. You can also learn more about vite in its documentation website.
-
Svelte Series-2: How to install Svelte
After we have installed the Node environment, we can use Vite to install. Because the use of Vite has a higher version of Node.js requirements, so I recommend that you install a relatively new Node.js. currently I use the version for v18.15.0.
-
🇫🇷 Base d'une application RiotJS avec Vite
import { defineConfig } from 'vite' import riot from 'rollup-plugin-riot' export default defineConfig({ root : process.cwd() + '/client', plugins : [riot()], build: { minify : 'esbuild', /** https://vitejs.dev/config/build-options.html#build-minify */ target : 'esnext' /** https://vitejs.dev/config/build-options.html#build-target */ } })
-
Comparing Hattip vs. Express.js for modern app development
As of this writing, initializing a Hattip project requires some manual commands. However, keep in mind that a zero-config development environment based on Vite is in the works.
-
React TypeScript - Vite + React
import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], server: { port: 4200, } })
What are some alternatives?
sveltekit-discord-oauth-starter - Starter template for SvelteKit projects bundled with Discord OAuth2 base logic.
Next.js - The React Framework
pothos - Pothos GraphQL is library for creating GraphQL schemas in typescript using a strongly typed code first approach
parcel - The zero configuration build tool for the web. 📦🚀
jetstream - Tailwind scaffolding for the Laravel framework.
esbuild - An extremely fast bundler for the web
create-t3-app - The best way to start a full-stack, typesafe Next.js app
swc - Rust-based platform for the Web
learn-elixir - :droplet: Learn the Elixir programming language to build functional, fast, scalable and maintainable web applications!
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
wasp - The fastest way to develop full-stack web apps with React & Node.js.
Rollup - Next-generation ES module bundler