How to Structure an Awesome Frontend Project in 2025

#114

Thoughts on Presenting Resume Statistics
#113

Discussion on Equal Partnership from "Salary Adjustment After Probation Period"
#112

The Most Unique Interview Experience
#111

Linux Snap (VSCode) Cannot Input Chinese Characters
#110

Thoughts on Validating Exact Type Equality in TypeScript
#109

Create a Native Accordion with Details and Summary (with Animation!)
#108

Optimizing Assets (preload/fetch/dns-prefetch/preconnect)
#107

Is TypeScript a Linter? How to View TS?
#106

Find Various Code Smell Patterns - Code Smells Catalog
#105

Why You Should Use pnpm?
#104

Customized News Feeds and Community for Developers - Daily.dev
#103

Why Set Up Absolute Path Imports in Vite Projects
#102

Impact of Excessive DOM Size
#101

Print QR Codes - Simple and Fast QR Code Generator for printing
#100

Major Homepage Style Changes in Tailwind 4.0
#99

How to Maintain Motivation?
#98

What Happens After Entering a URL in the Browser?
#97
How to Structure an Awesome Frontend Project in 2025
Recently, I might be asked some questions about development habits and project architecture in interviews, so I have outlined how I would typically structure a project in the Vue ecosystem and the thinking behind it.
- Framework Selection
- Project Best Practices
- Managing UI
- Choosing the Right Tools
- How to Operate a Project
- How to Manage Large Projects
How to Structure an Awesome Frontend Project in 2025 (feat. Vue)🔗
#96

WebDong Threads Subscriber Number is Over a Thousand!
#95

Learn the New Concept of Backend for Frontend (BFF)
#94

Auto Publish TypeScript Package with Semver to NPM
#93

Online File Structure ASCII Generator
#92

Are Git Pre-Commit Hooks Good or Bad?
#91

Guideline for Color Contrast in Web
#90

What is an Accessible Web Page?
#89

How to publish local website and server
#88

Three Essentials of Developer Writing: Clarity, Personality, Consistency
#87

Why does Object.keys in TypeScript return only string[] type for any object?
#86

Translated 168 Blog Posts in 2 Days for Less Than $0.1 Using GPT-4o
#85

Digital Garden Template — Quartz
#84

The level of abstraction in test code should match that of the system being tested
#83

Web Sticky Scroll Snapping —— scroll-snap-type
#82

How to Directly Modify Project Dependency Package Source Code (node_modules)?
#81

Why does a blue outline appear when pressing a browser tab?
#80

The most efficient way to improve webpage speed is to enhance content, reducing website loading time by 50% is not a dream
#79

Creates a Block Editor Experience Similar to Notion - Editor.js
#78

My Blog's About Page Was Useless, So I Removed It
#77

What is ARIA - Accessible Rich Internet Applications?
#76

Frontend and SEO
#75

Browser Zoom cause Display Errors
#74

Intersection Observer Real Case: Automatic Toc Update
#73

Thinking About Web Layouts from a Two-Dimensional Perspective
#72

Developer Productivity Myth: Estimation = Endpoint
#71

Developer Productivity Myth: Story Points = Productivity
#70

Developer Productivity Myth: Low Defects = Productivity
#69

Developer Productivity Myth: Lines of Code = Productivity
#68

Developer Productivity Myths: Work Hours = Productivity
#67

How to Manage Utility Functions
#66

Put AI on CI - PR Agent
#65

CSS blur() Performance Issues in Safari
#64

The bfcache Causes Issues Between Pages
#63

What is the Barrel File pattern?
#62

Future of the Web - Native Web Components
#61

If you don't know what you're doing, probably no one else does.
#60

Why Should Software Be Tested?
#59

Understanding Built-in Data Structures in ES6 JavaScript: Map
#58

The Most Noticeable Shortcuts in Frontend
#57

Why is it so difficult to estimate project time?
#56

Organize Tailwind and UI variable
#55

How to Establish and Manage UI Variables in Digital Products
#54

Do Not Tell Users "Read More"
#53

How to Escape a Container with CSS Grid
#52

Generate Fake Data with TestDataHub
#51

Why the Overall Experience of the Frontend Ecosystem is Moving Towards 😐
#50

CSS Property Maximum Value
#49

Avoid boring documentation, Add interactivity to it
#48

Set Linguist in .gitattributes to Change Project Language Statistics
#47

Creating Dark Mode (or Any Website Style) the Right Way 🌞
#46

Frontend Environment Diversity
#45

Cypress and jQuery
#44

About Low-code / No-code
#43

Story Between Me and Web Design
#42

What is the difference between "Graceful Degradation" and "Progressive Enhancement"?
#41

What Do Websites Look Like to Different Types of Colorblind Eyes?
#40

Tips for Solving Problems
#39

Is it necessary to learn Sass in 2024?
#38

What is common sense in your field of work that surprises others when they find out
#37

iOS Home Indicator safe area
#36

Technical authors place their articles in more than one location
#35

How to Achieve That Cool Web Background?
#34

Why Keep Package Versions Updated?
#33

Do You Remember Browser Vendor Prefixes?
#32

How to manage large files in Git?
#31

XML and AJAX
#30

Rethinking How to Build RWD Web Pages with CSS Container Queries
#29

The font that improves your coding productivity — Commit Mono
#28

Great Web Development Teaching Platform — Egghead.io
#27

Why are there _ in numbers?
#26

How to Completely Remove Sensitive Files from Git History?
#25

Software Gardener
#24

I always thought PowerShell was just the blue cmd
#23

Share a tip I often use when previewing GitHub projects — Dot
#22

Tracking Browser Version Support — Can I Use Website
#21

Chromium Developer Tools — Layers
#20

Visualizing JSON Data - JSON Crack
#19

How do different teams consolidate and document development practices?
#18

Handling Currency, Units, and Time Conversions with Native JavaScript
#17

About Handmade
#16

How to quickly visualize the boundaries between web elements?
#15

The Origin of the Database Icon
#14

How to Edit Web Page Content in Real Time?
#13

Can you explain the difference between design systems and component libraries in the web domain?
#12

Why are unstyled components so popular? Radix and Headless UI as examples
#11

About writing
#10

Building a Correct Web UI Should Not Be a Troublesome Issue
#9

The fear of being replaced by AI
#8

How can we validate the correctness of client-side data?
#7

About Running a Blog
#6

How to add search functionality to a blog by using pagefind?
#5

Free Web Image Editors - Photopea
#4

How long has it been since you upgraded the package versions of your project?
#3

Chatting About TDD Concepts with Friends
#2

How would you solve this dropdown menu styling issue?
#1

Add Various Icons to Web Pages Using Iconify

Thoughts on Presenting Resume Statistics

Discussion on Equal Partnership from "Salary Adjustment After Probation Period"

The Most Unique Interview Experience

Linux Snap (VSCode) Cannot Input Chinese Characters

Thoughts on Validating Exact Type Equality in TypeScript

Create a Native Accordion with Details and Summary (with Animation!)

Optimizing Assets (preload/fetch/dns-prefetch/preconnect)

Is TypeScript a Linter? How to View TS?

Find Various Code Smell Patterns - Code Smells Catalog

Why You Should Use pnpm?

Customized News Feeds and Community for Developers - Daily.dev

Why Set Up Absolute Path Imports in Vite Projects

Impact of Excessive DOM Size

Print QR Codes - Simple and Fast QR Code Generator for printing

Major Homepage Style Changes in Tailwind 4.0

How to Maintain Motivation?

What Happens After Entering a URL in the Browser?

How to Structure an Awesome Frontend Project in 2025

WebDong Threads Subscriber Number is Over a Thousand!

Learn the New Concept of Backend for Frontend (BFF)

Auto Publish TypeScript Package with Semver to NPM

Online File Structure ASCII Generator

Are Git Pre-Commit Hooks Good or Bad?

Guideline for Color Contrast in Web

What is an Accessible Web Page?

How to publish local website and server

Three Essentials of Developer Writing: Clarity, Personality, Consistency

Why does Object.keys in TypeScript return only string[] type for any object?

Translated 168 Blog Posts in 2 Days for Less Than $0.1 Using GPT-4o

Digital Garden Template — Quartz

The level of abstraction in test code should match that of the system being tested

Web Sticky Scroll Snapping —— scroll-snap-type

How to Directly Modify Project Dependency Package Source Code (node_modules)?

Why does a blue outline appear when pressing a browser tab?

The most efficient way to improve webpage speed is to enhance content, reducing website loading time by 50% is not a dream

Creates a Block Editor Experience Similar to Notion - Editor.js

My Blog's About Page Was Useless, So I Removed It

What is ARIA - Accessible Rich Internet Applications?

Frontend and SEO

Browser Zoom cause Display Errors

Intersection Observer Real Case: Automatic Toc Update

Thinking About Web Layouts from a Two-Dimensional Perspective

Developer Productivity Myth: Estimation = Endpoint

Developer Productivity Myth: Story Points = Productivity

Developer Productivity Myth: Low Defects = Productivity

Developer Productivity Myth: Lines of Code = Productivity

Developer Productivity Myths: Work Hours = Productivity

How to Manage Utility Functions

Put AI on CI - PR Agent

CSS blur() Performance Issues in Safari

The bfcache Causes Issues Between Pages

What is the Barrel File pattern?

Future of the Web - Native Web Components

If you don't know what you're doing, probably no one else does.

Why Should Software Be Tested?

Understanding Built-in Data Structures in ES6 JavaScript: Map

The Most Noticeable Shortcuts in Frontend

Why is it so difficult to estimate project time?

Organize Tailwind and UI variable

How to Establish and Manage UI Variables in Digital Products

Do Not Tell Users "Read More"

How to Escape a Container with CSS Grid

Generate Fake Data with TestDataHub

Why the Overall Experience of the Frontend Ecosystem is Moving Towards 😐

CSS Property Maximum Value

Avoid boring documentation, Add interactivity to it

Set Linguist in .gitattributes to Change Project Language Statistics

Creating Dark Mode (or Any Website Style) the Right Way 🌞

Frontend Environment Diversity

Cypress and jQuery

About Low-code / No-code

Story Between Me and Web Design

What is the difference between "Graceful Degradation" and "Progressive Enhancement"?

What Do Websites Look Like to Different Types of Colorblind Eyes?

Tips for Solving Problems

Is it necessary to learn Sass in 2024?

What is common sense in your field of work that surprises others when they find out

iOS Home Indicator safe area

Technical authors place their articles in more than one location

How to Achieve That Cool Web Background?