|17 days ago||4 days ago|
|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.
How I Redesigned My Website With SvelteKit
dev.to | 2021-10-07
So after using Sapper for some time, I decided to move my website to SvelteKit. I remember saying that I would not move to SvelteKit till they hit version 1 but the framework looks too promising. It had features which I needed and those features weren't in Sapper.
Journey to Svelte (through Gatsby)
dev.to | 2021-09-22
By that time, we had some troubles with virtual dom itself in our custom rich text editor that we based on slate - it was getting a bit laggy when creating huge financial documents (they usually have enormous tables and a lot of infographics) -so we were already thinking about other options and that’s where svelte comes into the light - especially sapper which was de facto default framework to be used with svelte at that time (SvelteKit wasn’t even announced).
Deploying Sapper application to Deta.sh
dev.to | 2021-09-03
Sapper is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing. It is the predecessor of Sveltekit.
Conheça o que são as siglas CSR, SSR e SSG
dev.to | 2021-08-27
Sapper - ecossistema Svelte
I'm building a web app that aims to combine features from CodePen, Reddit, Medium, Dev.to, and Stack Overflow
reddit.com/r/webdev | 2021-07-10
Lol I won’t, and to answer your question, it’s built using sapper: https://sapper.svelte.dev
Sveltekit - to use or not to use?
reddit.com/r/sveltejs | 2021-07-09
I maintain a Svelte Starter Kit and all I had to do between several updates is change the layout file names, simplify the hooks, and convert the config file extensions. If you're learning Svelte in 2021, you shouldn't miss learning it, as it's "the missing CLI" and the svelte team's favoured project structure, to build full-stack server rendered and static sites, with File/Folder based routing, focus on server-less with adapters, API routes, and good baked-in conventions and constructs to support common web app needs. It's a successor to Sapper which served the aforementioned needs, with exception of adapters, which is special/unique(with no officially provided parallels in Next.js/Nuxt ecosystems yet) way to make vendor-agnostic, server-less first deployment concern a seamlessly integrated part of the framework.
dev.to | 2021-05-28
Since Node v12, ES modules has been enabled by default. Hence my use of '.mjs' to run my file including a node module. Another way to resolve this issue is to use import with Node.js, you have to edit the package.json to 'type':'module'. However, using this caused my Sapper server to crash since it wasn't supported, as the rollup file outputs the format to commonjs Explained in (this GitHub issue).
planning to learn svelte for front-end, need advice
reddit.com/r/sveltejs | 2021-05-23
I am not sure whether or not they help you, but both svelte.dev and sapper.svelte.dev are open source. both of those projects are built on sapper, not svelte-kit, but a quick look at kit.svelte.dev/migrating should be enough to see what changed. (both of those make heavy use of markdown files so I don't know how helpful they are, also if you need help translating something from sapper to svelte-kit just reply and I'll probably be able to help)
Difference between SSR, SSG, CSR and SPA
reddit.com/r/nextjs | 2021-04-11
SSR (Server Side Rendering): the process of receiving a request from the client, e.g: a user goes to https://example.com to load the homepage, and returning a rendered version of the webpage with all the needed info and data to load it as fast as possible. Examples of this are [NextJS](https://nextjs.org), [NuxtJS](https://nuxtjs.org/), [Angular Universal](https://angular.io/guide/universal), [SvelteKit](https://kit.svelte.dev/) (currently in Beta) and [Sapper](https://sapper.svelte.dev/) (currently going deprecated);
Getting my SvelteKit website on Netlify
dev.to | 2021-04-10
But wait a minute? The local version is not working anymore? Apparently, Vite, the local build tool, did not like it when I moved the packages. After trying several things, I gave up. As SvelteKit is still in beta, community resources are scarce. I did found a few Sapper examples, the predecessor of SvelteKit, using the adapter-static. Success! Well... kind of.
Getting started with Svelte, Tailwind, and Nrwl NX
dev.to | 2021-10-17
Tailwind is more popular than ever. If you've been following me, you know that I'm a huge fan. Recently I've started exploring Svelte, and wanted to know how to combine it with Tailwind. Not only that, but I also wanted to use Nrwl NX. This is a summary of my findings.
Melhor forma de deixar o site responsivo?
reddit.com/r/brdev | 2021-10-16
Eu gosto muito do TailwindCSS.
Realmente não gosto de Front,mas compensa aprender?
reddit.com/r/brdev | 2021-10-14
10 Open Source Libraries for Tailwind CSS Components
dev.to | 2021-10-14
TailwindCSS is a revolutionary design framework that has attracted both diehard fans and critics. Fans love its speed, simplicity, and powerful building capabilities. Critics hate its bloated HTML design. Regardless of which side you are on, Tailwind has caused a significant shift in the developer community.
How to add a Google Font to your Gatsby + Tailwind project
dev.to | 2021-10-12
While I was building the first version of itzami.com, I found myself having a hard time finding out on the internet how I could import a Google Font into my website that was using GatsbyJS and TailwindCSS. (and the tutorials I found all told me to install a dependency). With some trial and error I was finally able to achieve it and with this blog post I hope to make the job a lot easier for everybody that tries to do the same! It's incredibly easy to do it but since I haven't seen anyone mention it so clearly, why not do it myself?
Those of you who have built your own personal website or blog, what tech stacks do you use?
reddit.com/r/webdev | 2021-10-12
For my last two personal websites I used Svelte (not Sapper or SvelteKit), married up with Page.js for client-side routing and Tailwind (+ PostCSS) for styling stuff. The sites are hosted from AWS S3 buckets with CloudFront for the CMS stuff. And because these projects are entirely personal I've not had to do a lot of worrying about the toolchain: both codebases are in git repositories; testing (when I bother) is manual; building/deployment are handled using various shell scripts.
How I rebuilt my Angular blog and became an Astronaut 🚀
dev.to | 2021-10-12
Tailwind CSS - A utility-first CSS framework
Setup Next.js to use Tailwind with Nx
dev.to | 2021-10-11
In the previous article we learned how to setup Next.js in an Nx workspace. In this article we carry that forward, by adding TailwindCSS support to our setup.
Generate offline documentation of tailwindcss in 5 minutes
dev.to | 2021-10-10
The documentation for tailwindcss is available on tailwindcss.com website. We can easily find the source code for this website on github through a simple google search. It is hosted on github at https://github.com/tailwindlabs/tailwindcss.com.
How I created and deployed my first full stack web application in just 4 days
dev.to | 2021-10-09
Tailwindcss for styling.
What are some alternatives?
material-ui - MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
antd - An enterprise-class UI design language and React UI library
SvelteKit - The fastest way to build Svelte apps
Bulma - Modern CSS framework based on Flexbox
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
windicss - Next generation utility-first CSS framework.
Foundation - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
theme-ui - Build consistent, themeable React apps based on constraint-based design principles
styled-system - ⬢ Style props for rapid UI development
Mobile-Detect - Mobile_Detect is a lightweight PHP class for detecting mobile devices (including tablets). It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.