Toggle theme

ARTICLES

https://assets.020808.xyz/images/3d75b629-e023-47d7-ae77-a06c17c253fd.webp

Tools •

Cursor Tutorial - Using the Tab Feature

Learn about the simplest and most straightforward form of AI-assisted programming with Cursor's Tab feature. Discover how it auto-generates code completion suggestions and supports multi-line editing and smart rewrite. Explore its powerful predictions and integration with other tools.
https://assets.020808.xyz/images/ea6ba34d-18f8-4cf2-bb77-1237b45b26a2.webp

ChatGPT •

FastMCP - A Better Framework for Building MCP Than the Official SDK

FastMCP, a Python framework, simplifies the development process for building MCP servers and clients, offering high-level abstraction APIs, official SDK compatibility, and seamless integration with modern web development practices.
https://assets.020808.xyz/images/62713cac-9fd1-44fd-b2bb-16267425b8a2.webp

React •

Custom 404 Pages with Internationalized Routing in Next.js

Learn how to handle 404 pages in an internationalization scenario using Next.js's App Router, including conventional routing rules, capturing unmatched routes, and creating a multilingual 404 component.
https://assets.020808.xyz/images/599d2bed-35cc-4722-9503-f3ada306f2ab.webp

ChatGPT •

How to Build Your Own MCP Service: A Step-by-Step Guide

Learn how to create a local MCP service and integrate it with a large language model (LLM) to enhance efficiency and customizability.
https://assets.020808.xyz/images/2250bcde-4473-45b1-bd5b-e5a39d97168d.webp

React •

Differences in JSX Transformation Before and After React 17 and Related Configurations

Learn about the differences in JSX transformation before and after React 17, including how to enable the new automatic runtime transformation.
https://assets.020808.xyz/images/5669ffb5-8f9e-40d1-85e0-15a4e487f19e.webp

Go •

Integrating Prometheus in Gin Framework for Monitoring

This article explains how to integrate Prometheus monitoring system in the Gin framework to collect and display performance metrics in real-time, facilitating monitoring and troubleshooting.
https://assets.020808.xyz/images/9e73b9d1-bbdc-4b2e-9719-86f3913456ef.webp

Vue •

Solving CORS with Vite Proxy Configuration

Learn how to efficiently use Vite's Proxy configuration to bypass CORS restrictions and enable smooth front-end and back-end data interaction.
https://assets.020808.xyz/images/6550a1ec-1506-49fa-98c8-54e31006782a.webp

Vue •

How to Use CDN to Import Static Resources in Vite

Vite is a cutting-edge development server and build tool that capitalizes on the native browser support for ES modules (ESM). This unique approach enables it to offer a rapid development server and an extremely efficient build process.
https://assets.020808.xyz/images/cace46ff-484b-472e-a5de-1b1223219b0e.webp

Vue •

Optimizing Performance with Preload & Prefetch in Vue.js

Learn how to use preload and prefetch techniques to enhance page loading performance in Vue.js applications. Discover the differences between preload and prefetch and how to implement image preloading.
https://assets.020808.xyz/images/208f54e1-cbac-42d3-a899-360260b1b634.webp

Generative AI •

Prompts for GPT-4o to Generate Images in the Style of Studio Ghibli

Discover how to generate Ghibli-style art using ChatGPT. Learn to transform photos into Studio Ghibli's dreamy hand-drawn animation style with clear prompts.
https://assets.020808.xyz/images/97b5f6da-52b4-4440-854c-95895f35ae4f.webp

ChatGPT •

Integrating AI with Web: Playwright MCP

Learn how Playwright MCP allows AI models to connect with web pages for browser automation, enhancing AI applications with web capabilities.
https://assets.020808.xyz/images/4ce13fb5-3e15-453a-bb48-593baf99054a.webp

Javascript •

50+ JavaScript Events Every Developer Should Know!

Discover over 50 JavaScript events for enhancing interactivity and responsiveness in web applications.