Articles by Tag #vite

Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!

Setup a Micro-Frontend architecture in 15min with Vite!

In a monolithic frontend architecture, a single codebase handles the entire user interface. While...

Learn More 202 39Dec 10 '24

How to Dockerize Vite

As always, if you are just here to copy and paste, here is the final Dockerfile that will produce a...

Learn More 90 3Sep 19 '24

Understanding how Vite deals with your node_modules

This is an article about Vite and its features which are related to the node_modules of your...

Learn More 60 0Apr 21

Mastering Server-Side Rendering (SSR) in React 19 with Vite: The Ultimate Guide for Developers

React has always been a game-changer in frontend development, and with the release of React 19, it...

Learn More 48 6Dec 22 '24

Vite vs NextJs: which frontend framework is for you?

Vite vs Nextjs is a comparison of two popular frontend frameworks that offer different approaches to...

Learn More 44 14Aug 1 '24

Building in public a SaaS for $9K

Hi friends 👋 I'm currently working on building a SaaS platform to help Pilates studios manage...

Learn More 41 1Sep 11 '24

How I Leveraged Source Maps to Improve My Team’s Debugging

Let's face it, the modern web is full of magic. Nowadays, when I use Vite, spinning up a new project...

Learn More 39 7Mar 5

Migrating from Create React App to Vite: A Step-by-Step Guide

As React developers, we're always looking for ways to improve our development experience and...

Learn More 38 0Sep 1 '24

Vite: Future of Modern Build Tools

Frontend development has changed a lot, and so have the tools we use to build web applications....

Learn More 36 1Jan 7

Stop using create-react-app

This is a cry for help. I beg you, I am on my knees, weeping, imploring you... STOP USING...

Learn More 34 9Aug 24 '24

Setting up Vite with TypeScript for a Simple To-Do List

In this guide, I'm going to walk you through the steps to set up a Vite project with TypeScript to...

Learn More 33 12Jan 16

Testing Vue components with Vitest

Modern front-end development demands robust testing practices to ensure the reliability and...

Learn More 32 4Jan 13

Web Push Notifications with React and Firebase Cloud Messaging (FCM)

Welcome to a comprehensive master series on implementing push notifications across web and mobile...

Learn More 26 2Aug 2 '24

How to Setup Path Alias Vite + React

Why Path Aliases? Path Aliases in Vite allow us to use custom paths to our project...

Learn More 25 4Jul 27 '24

I built a portfolio in minutes with Bolt and Manifest

TL;DR In this article, I'll show you how to build a complete portfolio with a backend to...

Learn More 24 2Feb 3

Building a Production Ready React Vite TypeScript Boilerplate

Overview As developers, we often find ourselves setting up the same tools and...

Learn More 22 0Nov 25 '24

From Parcel to Vite: A short story of a 100K LOC migration

We've migrated our three frontend projects from Parcel to Vite, and the process was... smooth. ...

Learn More 22 0Aug 6 '24

A beginners guide to using Vite with React

Introduction When starting a new React project, choosing the right tools can have a big...

Learn More 22 1Sep 5 '24

SEO Optimization for React + Vite Apps

SEO (Search Engine Optimization) plays a pivotal role in improving the discoverability of your web...

Learn More 21 5Feb 26

Why We Finally Moved Out of Next.js: A Developer's Perspective

The landscape of web development frameworks is constantly evolving, and developers frequently weigh...

Learn More 18 0Dec 8 '24

How to setup Shopify Vite with Tailwind CSS.

Follow these steps to set up Shopify with Vite and Tailwind CSS for a modern development workflow. ...

Learn More 17 3Aug 31 '24

Testing React Applications with Vitest: A Comprehensive Guide

Testing is a critical aspect of modern software development, ensuring that your code works as...

Learn More 16 2Aug 27 '24

Building Micro Frontends with Vite, React, and TypeScript: A Step-by-Step Guide

In the world of modern web development, the demand for scalable and maintainable applications...

Learn More 14 0Sep 17 '24

Multipage Vite Vanilla JavaScript

Let's make your Vite Vanilla JavaScript project support multiple pages.

Learn More 14 6Jul 20 '24

🚀 Vite + Shadcn + Tailwind + React + TypeScript + Starter Kit

📢 Introduction Setting up a new web application from scratch can be overwhelming,...

Learn More 14 1Mar 31

Plug-and-Play Search with React + Vite

Vite fam, we just launched a new open-source Vite + React template that makes it easy to integrate...

Learn More 13 9May 30

Step-by-step guide: Adding client-side logic to your Hono app

A guide to adding client-side logic to your Hono app.

Learn More 13 0Dec 6 '24

How to Create a Vite Plugin: A Step-by-Step Guide

Before you start creating your own Vite plugin, I strongly recommend reviewing the official...

Learn More 12 0Aug 10 '24

Which JavaScript Bundler Is Right for You? A Deep Dive into Webpack, Vite, and More

In the world of web development, developers often debate the merits of two major bundlers: Webpack...

Learn More 12 0Jan 31

Easiest Way to Set Up GitHub Action CI/CD for Vue.js Apps

Learn the easiest way to set up GitHub Actions CI/CD for your Vue.js apps. Automate builds, tests, and deployments - step-by-step guide.

Learn More 11 0Dec 14 '24