sloth255 profile

sloth255 (Persönliche Entwicklung) Portfolio

Entwicklung praktischer und benutzerfreundlicher Webanwendungen

Anwendungen

Own Info App

Netzwerk- und Geräteinformationen schnell prüfen und teilen. Vom Handy oder PC.

Live

Umgebungsinformations-Checker für Entwickler und Tester

Wird bei der Fehlerbehebung oder Fehlermeldung nach "Bitte teilen Sie uns Ihre Umgebungsinformationen mit" gefragt und es dauert lange, die Informationen zu sammeln?

Own Info App zeigt alle notwendigen Informationen auf einer Seite an, sowohl vom Handy als auch vom PC, und ermöglicht das Kopieren und Teilen mit einer Aktion.

Nützlich in diesen Situationen:

Umgebungsüberprüfung bei Remote-Support (einschließlich Anfragen von Handy-Nutzern)
Informationssammlung für Fehlerberichte
Responsive Design-Tests
Geräteübergreifende Kompatibilitätsprüfung

Hauptfunktionen

Netzwerkinformationen

Globale IP-Adresse, Standortinformationen (Land), Netzwerkanbieter usw.

Geräteinformationen

OS, Browser, Spracheinstellungen, Bildschirmauflösung usw.

Einfaches Teilen

Mit einer Aktion vom Handy oder PC kopieren und teilen

Mehrsprachige Unterstützung

Verfügbar in Englisch, Japanisch, Chinesisch, Koreanisch, Deutsch, Französisch, Spanisch und Portugiesisch

Tech-Stack

Next.js 15React 19TypeScriptTailwind CSSZustandFirebase Analytics

Neueste Blog-Beiträge

Aktuelle Artikel und 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.

von Sloth255
Weiterlesen

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.

von Sloth255
Weiterlesen

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.

von Sloth255
Weiterlesen