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 204 39Dec 10 '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 66 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 54 6Dec 22 '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

Testing Vue components with Vitest

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

Learn More 37 4Jan 13

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

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

Building a Production Ready React Vite TypeScript Boilerplate

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

Learn More 26 0Nov 25 '24

SEO Optimization for React + Vite Apps

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

Learn More 26 7Feb 26

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

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

Modern Full-Stack Setup: FastAPI + React.js + Vite + MUI with TypeScript

Creating a scalable full-stack application can be daunting, but with the right tools, it can be...

Learn More 18 0Nov 6 '24

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

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

Learn More 17 1Mar 31

Set Up ESLint with Vite (React, React Hooks, and React Refresh)

Originally published here: ...

Learn More 16 4Jul 26

An open-source, BYOK AI canvas for generating, manipulating, and editing images with AI models.

Howdy folks! 🤠 I saw this post a few days ago on HN (link) about the new Nano Banana model and...

Learn More 16 1Sep 14

TanStack Table v8: Complete Interactive Data Grid Demo

TanStack Table v8 is a game-changer for data grids in React, but its headless architecture often...

Learn More 15 0Jul 19

Vite 7.0 Is Here: Rust-Powered Speed, Smarter Tooling & a Cleaner Build Experience

If you're a frontend developer who’s ever whispered “Why is my build taking forever?” — this one’s...

Learn More 14 6Jun 26

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 Use Environment Variables in a React.js App with Vite

Environment variables are essential in modern web development. They allow you to store sensitive...

Learn More 13 5Dec 24 '24

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

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 13 0Jan 31

Pokedex - 3D Pokémon Viewer: Gotta View 'Em All in 3D! ✨

Hey everyone! 👋 I'm excited to share my latest project: the Pokedex - a web application that lets you...

Learn More 12 0May 1

How to View Your Local Dev Server on Your Phone (VsCode Live Server, Next.js, React/Vite)

Hey Dev Community! 👋 Have you ever wanted to test your local web projects directly on your phone, but...

Learn More 11 6Dec 4 '24

Create a Native-Like App in 4 Steps: PWA Magic with Vue 3 and Vite

Table of Contents Introduction Understanding the Basics of Progressive Web Apps...

Learn More 11 4Oct 20 '24

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

Why Rolldown-Vite Is Going To Replace Vite (And Why You Should Care)

It feels like just yesterday I was writing about replacing Webpack with Vite, and here we are again...

Learn More 11 12Jun 11

Deploying a (Static) Vite React App: A Complete Guide

Deploying a static Vite React app offers significant performance benefits, but to truly harness its...

Learn More 9 0Nov 14 '24

Vite is suddenly not working due to CORS error? 🧐 (DDEV)

If you work with a tool like DDEV and recently updated Vite, you will encounter the following...

Learn More 9 4Feb 6

Build tools:- Vite ~ Webpack & Deploy the Dist Folder

When ever we do dynamic imports the bundler plugins, like webpack, Parcel, Rollup, and esbuild can be...

Learn More 9 0Aug 12

How to add ShadCN to an electron-vite project.

Currently, it's a bit tricky to add shadcn components to an electron-vite project, so I thought of...

Learn More 8 4Feb 22