sloth255 profile

Portfólio sloth255 (Desenvolvimento Pessoal)

Desenvolvimento de aplicações web práticas e fáceis de usar

Aplicações

Own Info App

Verifique e compartilhe rapidamente suas informações de rede e dispositivo. Do mobile ou PC.

Live

Verificador de informações de ambiente para desenvolvedores e testadores

Quando solucionando problemas ou relatando bugs, pedem "Por favor, compartilhe as informações do seu ambiente" e demora para coletar as informações?

Own Info App exibe todas as informações necessárias em uma página do mobile ou PC, permitindo copiar e compartilhar com uma ação.

Útil nestas situações:

Verificação de ambiente durante suporte remoto (incluindo consultas de usuários mobile)
Coleta de informações para relatórios de bugs
Testes de design responsivo
Verificação de compatibilidade multi-dispositivo

Recursos principais

Informações de rede

Endereço IP global, informações de localização (país), provedor de rede, etc.

Informações do dispositivo

SO, navegador, configurações de idioma, resolução da tela, etc.

Compartilhamento fácil

Copie e compartilhe com uma ação do mobile ou PC

Suporte multilíngue

Disponível em inglês, japonês, chinês, coreano, alemão, francês, espanhol e português

Stack tecnológico

Next.js 15React 19TypeScriptTailwind CSSZustandFirebase Analytics

Últimas publicações do blog

Artigos e atualizações recentes

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.

por Sloth255
Ler mais

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.

por Sloth255
Ler mais

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.

por Sloth255
Ler mais