Rilis Versi 1.2.0 Personal Web - Fitur Baru dan Perbaikan Penting untuk Pengalaman Pengguna yang Lebih Baik

Hey guys! 🎉 Are you ready for some exciting news? I'm thrilled to announce the latest release of Personal Web, version 1.2.0! This release is packed with new features and important improvements designed to enhance your user experience. Let’s dive in and explore what’s new and what’s been improved! Hehe!

Changelog for Version 1.2.0 (Release Date: 2025-10-08)

Must-Know New Features!

• AI Content Generation

  • AI Generation API: A new endpoint that makes automating titles, content, and tags a breeze!

  • AIGenerator Component: A user-friendly dashboard for creating AI-powered content super easily!

  • Form Integration: Post forms are now smarter with AI generation capabilities. Wkwkwk!

  • Smart Suggestions: Get more intelligent and contextual content based on your input.

  • use-ai-generation Hook: A custom hook that simplifies managing AI generation status.

• Masonry Gallery System

  • Masonry Gallery: A modern masonry layout that makes your image galleries pop!

  • Horizontal Scroll: Enjoy smooth horizontal scrolling for mobile displays.

  • Square Grid Mode: An optimized square grid to showcase up to 5 images. Cool, right?

  • Dynamic Layout: A smart grid that adjusts based on the number of images. Hehe!

  • Image Dialog: An enhanced fullscreen image viewer with better z-index management.

  • Responsive Design: An adaptive layout perfect for all screen sizes! 🔍

  • Thumbnail Navigation: A visual thumbnail gallery under the main image for a better experience.

• Improved Page Loading Experience

  • Next.js TopLoader: An integrated component for a more visually enjoyable page transition feedback.

  • Loading Indicator: A smooth progress bar during page navigation to keep things engaging.

  • Enhanced User Experience: Significant improvements during client-side routing.

  • Seamless Integration: Automatically active across all page transitions. Awesome!

Impressive Bug Fixes

• Mobile & Responsiveness

  • Chat icon positioning is now better aligned vertically in chatbot messages.

  • Input focus behavior has been improved for responsiveness.

  • Icon sizes have been optimized across all devices for a cleaner look!

  • Chat positioning has been optimized for mobile, making it easier to use.

• Data & API

  • Fixed the viewTrackingRef type issue in PostCard.

  • The Excerpt field has been changed to an optional boolean type.

  • The Excerpt_en field has been removed from PostRow for simplification.

  • User_profiles relationship has been removed to simplify the data model.

• UI & Style

  • Unnecessary generator fields have been removed from metadata generation.

  • Class naming for typography is now consistent, changing from custom-card-typography to custom-typography.

  • PostCard structure has been improved for better style consistency.

• Middleware & Configuration

  • Permanently changed redirects to 301 for better SEO. Yay!

Amazing Enhancements

• SEO & Analytics

  • Improved meta tags for OpenGraph and Twitter Cards for better engagement.

  • Structured data using JSON-LD schema for Articles, Breadcrumbs, BlogLists, and FAQs. Let’s boost that SEO!

  • Dynamic keywords generated automatically from content for improved rankings.

  • Automatic reading time and accurate word count calculations.

  • Performance hints like preconnect and DNS prefetch have been added.

  • Google Analytics integration for more effective tracking.

• Better Text Editor

  • Professional TextEditor integration for easier content creation.

  • Support for headings H1-H6 with a handy dropdown selector.

  • Text alignment options: left, center, right, and justified. Pick your style!

  • Formatting tools like bold, italic, underline, and strikethrough for variety.

  • Simple link management for easy insertion and editing.

  • Easy and quick image insertion support.

  • Code block support with syntax highlighting using lowlight.js.

  • Real-time character count with limits to keep you on track. Hehe!

  • Smooth content syncing with forms. Super easy!

• AI Assistant Rijal

  • Keyboard detection for a more responsive user experience.

  • Responsive floating chat interface for mobile, making it super comfy!

  • Robust error management for streaming stability.

• Outstanding Performance Optimizations

  • Removed framer-motion animations for better mobile performance. Goodbye!

  • CSS has been simplified to reduce complexity and speed up loading times.

  • Mobile scrolling has been improved with overflow-x: clip. Awesome!

  • Condition scanning for device-specific rendering for quicker load times.

• Better Architecture & Code Quality

  • Service Layer Refactoring

    • PostSimpleService: Replacing PostApiSimpleService for a cleaner structure.

    • PostAIService: Streamlining AI content generation (titles, content, tags).

    • PostCacheService: Intelligent caching layer with TTL management.

  • Repository Structure

    • Optimized queries with reduced promise chains for efficiency.

    • Data model simplified by removing excerpt_en and user_profiles relationships.

  • Code Coordination

    • Cleaned up imports with reorganized and removed unused ones.

    • Better component organization for easier management.

Version Notes

Version 1.2.0 marks a significant milestone in the evolution of Personal Web. This release brings substantial upgrades in various areas, including smarter content generation, better user experiences, and so much more! I hope you all enjoy all these new features and feel the improvements we've made.

Thanks for reading! Don’t hesitate to share your feedback or ask questions. Catch you in the next update! Hehe! 😄