What is the primary benefit of the bellog-structure skill?

It ensures project-wide consistency by enforcing specific naming conventions and directory structures, making the Bellog codebase easier to navigate and maintain for both humans and AI.

Does it support the Next.js App Router?

Yes, it is specifically designed to work with the Next.js App Router directory structure, including pages, layouts, templates, and API routes.

How does it handle component categorization?

It organizes components into three distinct folders: /common/ for shared layouts, /posts/ for blog-specific logic, and /ui/ for reusable primitives like tags and buttons.

Does this skill help with TypeScript and constants?

Yes, it provides clear rules for placing global types in the /types/ directory and enforcing SCREAMING_SNAKE_CASE for constant values in the /constants/ folder.

Bellog Project Architect

Name: Bellog Project Architect
Author: whddltjdwhd

bywhddltjdwhd

•

Gestión de Contenido

Standardizes file organization and naming conventions for the Next.js-based Bellog blog system.

The bellog-structure skill provides a comprehensive architectural blueprint for the Bellog blog project, ensuring consistent code organization and naming conventions across the entire repository. By defining a clear hierarchy for Next.js App Router files, React components, custom hooks, and Notion API integration logic, it helps developers maintain a scalable and readable codebase while minimizing decision fatigue during file creation and reorganization.

Características Principales

01Standardizes TypeScript type definitions and SCREAMING_SNAKE_CASE constants.

02Enforces PascalCase for React components and camelCase for hooks and utilities.

03Categorizes components into common, posts, and low-level UI primitives.

042 GitHub stars

05Provides a structured Next.js App Router directory layout for pages and API routes.

06Automates import organization using clean path aliases and specific ordering.

Casos de Uso

01Creating new blog features while maintaining strict structural consistency.

02Refactoring existing code to align with Bellog project-wide naming standards.

03Onboarding new contributors by providing immediate architectural guidance.

Características Principales

01Standardizes TypeScript type definitions and SCREAMING_SNAKE_CASE constants.

02Enforces PascalCase for React components and camelCase for hooks and utilities.

03Categorizes components into common, posts, and low-level UI primitives.

042 GitHub stars

05Provides a structured Next.js App Router directory layout for pages and API routes.

06Automates import organization using clean path aliases and specific ordering.

Casos de Uso

01Creating new blog features while maintaining strict structural consistency.

02Refactoring existing code to align with Bellog project-wide naming standards.

03Onboarding new contributors by providing immediate architectural guidance.