Tech Stack Choices

Backend

Build in whatever but maybe a preference for node and python?

Frontend

[Rufus]

• By default we are going with React and NextJS

• Think this is a pretty good idea …

• Worth checking out the options a little

  • I have personally tried nuxt and vue. I like vue more than react but not a huge difference and react is clearly winner still in community. However, did not like nuxt vs next. Next is really good and has a great community and a good company behind it …
  • I hadn't tried svelte but it seems to be taking off big time in 2021. Plus vercel just hired its creator (who in a freak of history i did a hackday with back in maybe 2012!)
    • I just looked at Svelte and Sveltekit and it really looks nice
    • Plus there's astro.build

• My overall feeling: i've always found React to be really clumsy and a lot of good innovation came later (e.g. web components). It's hard to fix that "rotten" core. This is a point i see echoed in commentary e.g.

  https://www.reddit.com/r/sveltejs/comments/qlk4fy/is_nextjs_performance_better_than_sveltekit/

  Long story short: The Next team does great but Next' foundation, React, is the problem, it's not rotten but real innovation looks different, after many api changes, a cumbersome hooks api and in general, a very confusing API naming (Java feels like a children book compared), it's kind of stagnating. Also the ecosystem, while big, it's problematic, e.g. state management, tons of libs but almost all worse than Svelte's and worst part is Redux, which the React maintainers tolerate but it should be actually be deprecated since it hurts the entire ecosystem a lot.

Svelte

• 2022-02-06 Try out a mini sveltekit based app
  • Install the default demo app DONE: looks very nice and simple
  • Create and render a markdown page
  • Create a render a "data literate/driven document" e.g. MDX like
    • Investigate equivalent of mdx for svelte 🔑 https://mdsvex.com/docs - this looks really cool. Supports all the basics plus more
      • Components in markdown is kind of cleaner with svelte i feel compared to react
      • Nice set of standard features including cool ones like ability to switch on layouts depending on the type of the document ootb https://mdsvex.com/docs#named-layouts
    • Use a sample page like the one we have already

Research

• https://www.reddit.com/r/nextjs/comments/rhn1ir/comparison_between_nextjs_and_sveltekit/

  You can do SSR, SSG, SPA, PWA… With both frameworks.

  SvelteKit is a bit faster, cause it basically transform everything to chunks of Vanilla JS, so it is not using the virtual DOM.

  Next.js has a bigger community and more ressources, because SvelteKit is kind of new.

  Both are financially supported by Vercel

  SvelteKit has more already integrated functions/goodies, like animation, transition, state management… So you don't need to find libraries to fulfill those 'gaps'.

  But, the real thing that should help you decide is the code itself. If you prefer Svelte templating to React/JSX structure, chose SvelteKit. If you prefer React, go with Next.js. Next is a bit more stable, SvelteKit is a bit faster.

  To me, SvelteKit is way better than Next or Nuxt, even if I have more experience with those frameworks, because Svelte is more logical to me. I switched to SvelteKit and Astro with svelte (depending of the project) and I am really thankful for that change; I won't go back. But this is base more on my DX than on the performance of the framework.