vite
astro
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)
vite | astro | |
---|---|---|
807 | 510 | |
65,591 | 43,498 | |
1.3% | 2.7% | |
9.8 | 10.0 | |
1 day ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
vite
-
Type-Safe Env Vars in Remix - A modern approach with ArkType
The original post had a little bit of server code in the client bundle. Now that Remix uses Vite, it was easy to spot that.
-
Using Vite for React Applications
Vite
-
Create A YouTube Homepage Clone in Tailwind CSS and ReactJS
Initialize the Project Use Vite to create a new React app with this command:
- 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.
astro
-
One does not simply delete cookies
I'm currently building a project using Astro, to which I've added basic authentication via Twitch so users can log in to view their inventory for my new stream game by calling an API on the back end (my Twitch bot). I'm using Astro in SSR mode, and authentication is provided by Auth.js via auth-astro. When using Auth.js to authenticate, it saves three cookies in the browser to remember that you've logged in to this website via Twitch.
-
Ask HN: If you are starting in 2024, what is the most productive solo dev stack?
I rebuilt my personal website[1] (static site) using Astro[2], and it was a pleasant experience.
[1]: https://ivylee.github.io/
[2]: https://astro.build/
-
How to deploy your own website on AWS
or Astro; if you’d like to integrate React, VueJS etc. code as well. use their themes page here to get a starting point.
-
Astro vs Visual Studio 2022 as Static Site Generators
I have spent today learning the new Astro SSG. You can read about it at https://astro.build/ or better yet you can get started with it at https://docs.astro.build/en/install/auto/. While Visual Studio isn't exactly a SSG, they way you code with it can make static web pages. VS has so much more power than that.
-
Website Optimization Using Strapi, Astro.js and OpenAI
We'll use several interesting technologies to achieve this: Strapi CMS to take care of the content management and backend, Astro which is a great new technology for quickly creating blazing fast frontend apps, and ChatGPT to provide the article summaries.
-
Composable architecture example: Go headless (best practices)
Astro
-
Building static websites
Case study 4: Astro
-
Setting up Doom Emacs for Astro Development
Astro is the new hot new web framework on the block. All the cool kids are using it. I've recently given up, drank the Kool-Aid, and gone all in on it.
-
Building a self-creating website with Supabase and AI
Built with Supabase, Astro, Unreal Speech, Stable Diffusion, Replicate, Metropolitan Museum of Art
-
The Subtle Case For and Against React
Astro to use every framework at once instead of just react? https://astro.build/
What are some alternatives?
Next.js - The React Framework
qwik - Instant-loading web apps, without effort
parcel - The zero configuration build tool for the web. 📦🚀
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
esbuild - An extremely fast bundler for the web
Hugo - The world’s fastest framework for building websites.
swc - Rust-based platform for the Web
SvelteKit - web development, streamlined
Rollup - Next-generation ES module bundler
fresh - The next-gen web framework.
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)