sloth255 profile

sloth255(个人开发)作品集

开发实用且用户友好的Web应用程序

应用程序

Own Info App

快速查看和分享您的网络和设备信息。手机或电脑都可以。

Live

面向开发者和测试人员的环境信息检查器

在故障排除或报告错误时,是否经常被要求"请告知您的环境信息"而花费大量时间收集信息?

Own Info App可以在手机或电脑上将所有必要信息显示在一个页面中,一键复制和分享。

适用场景:

远程支持时的环境确认(包括手机用户的咨询)
错误报告时的信息收集
响应式设计测试
多设备兼容性检查

主要功能

网络信息

全局IP地址、位置信息(国家)、网络提供商等

设备信息

操作系统、浏览器、语言设置、屏幕分辨率等

轻松分享

手机或电脑均可一键复制分享

多语言支持

支持英语、日语、中文、韩语、德语、法语、西班牙语和葡萄牙语

技术栈

Next.js 15React 19TypeScriptTailwind CSSZustandFirebase Analytics

最新博客文章

最近的文章和更新

Released Own Info App — Minimal App with Next.js (SSG) × S3 × CloudFront

This article introduces "Own Info App" a multilingual web application built with Next.js 15 (SSG), deployed on S3 + CloudFront, that displays network and device information with copy/share functionality, featuring CloudFront Functions for URL rewriting, per-locale SEO optimization, and a GitHub Actions CI/CD pipeline for automated deployment.

作者 Sloth255
阅读更多

Refactoring State Management with Next.js × Zustand

LThis article describes refactoring state management in a Next.js 15 app by introducing Zustand with a slice pattern and bounded store architecture, consolidating data fetching logic from scattered components into the store layer with session persistence, TTL-based caching, and retry mechanisms to improve performance and reliability.

作者 Sloth255
阅读更多

Multilingual Architecture with Next.js App Router + Static Export

This article describes a multilingual architecture for Next.js 15 App Router with static export constraints, using React Context API for i18n and combining server-side static generation with client-side browser language detection for optimal SEO and UX. The approach generates all pages in a default language at build time while automatically redirecting users to their preferred language on the client side.

作者 Sloth255
阅读更多