sloth255 profile

sloth255 (Personal Development) Portfolio

Developing practical and user-friendly web applications

Applications

Own Info App

Check and share your network & device info quickly. From mobile or PC.

Live

Environment Info Checker for Developers & Testers

When troubleshooting or reporting bugs, do you get asked "Please tell us about your environment info" and find it time-consuming to gather the information?

Own Info App displays all necessary information on one page from both mobile and PC, making it possible to copy and share with one action.

Useful in these situations:

Environment verification during remote support (including inquiries from mobile users)
Information gathering for bug reports
Responsive design testing
Cross-device compatibility checking

Key Features

Network Information

Global IP address, location (country), network provider, etc.

Device Information

OS, browser, language settings, screen resolution, etc.

Easy Sharing

Copy and share with one action from mobile or PC

Multilingual Support

Available in English, Japanese, Chinese, Korean, German, French, Spanish, and Portuguese

Tech Stack

Next.js 15React 19TypeScriptTailwind CSSZustandFirebase Analytics

Latest Blog Posts

Recent articles and updates

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.

by Sloth255
Read more

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.

by Sloth255
Read more

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.

by Sloth255
Read more