sloth255 profile

Portfolio sloth255 (Développement Personnel)

Développement d'applications web pratiques et conviviales

Applications

Own Info App

Vérifiez et partagez rapidement vos informations réseau et appareil. Depuis mobile ou PC.

Live

Vérificateur d'informations d'environnement pour développeurs et testeurs

Lors du dépannage ou de la signalisation de bugs, vous demande-t-on "Veuillez nous communiquer les informations de votre environnement" et cela prend-il du temps de rassembler les informations ?

Own Info App affiche toutes les informations nécessaires sur une page depuis mobile ou PC, permettant de copier et partager en une action.

Utile dans ces situations :

Vérification d'environnement lors du support à distance (y compris les demandes des utilisateurs mobiles)
Collecte d'informations pour les rapports de bugs
Tests de design responsive
Vérification de compatibilité multi-appareils

Fonctionnalités principales

Informations réseau

Adresse IP globale, informations de localisation (pays), fournisseur réseau, etc.

Informations de l'appareil

OS, navigateur, paramètres de langue, résolution d'écran, etc.

Partage facile

Copiez et partagez en une action depuis mobile ou PC

Support multilingue

Disponible en anglais, japonais, chinois, coréen, allemand, français, espagnol et portugais

Stack technique

Next.js 15React 19TypeScriptTailwind CSSZustandFirebase Analytics

Derniers articles de blog

Articles et mises à jour récents

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.

par Sloth255
Lire la suite

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.

par Sloth255
Lire la suite

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.

par Sloth255
Lire la suite