init: шаблон Next.js приложения

- Next.js 16 + React 19 + TypeScript
- Mantine UI + PostCSS Modules
- Biome (линтинг и форматирование)
- Zustand, SWR
- Структура FSD (screens, widgets, features, entities, shared)
- Шаблоны генерации (.templates/): component, screen, feature, widget, entity, layout, store
- Конфигурация VS Code (расширения, настройки)
- CSS-токены (цвета, отступы, радиусы, медиа)
- Open Graph метаданные
- Тестовый home screen с Mantine

.templates/component/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}} } from './{{name.kebabCase}}.ui'

.templates/component/{{name.kebabCase}}/styles/{{name.kebabCase}}.module.css

@@ -0,0 +1,3 @@
+.root {
+
+}

.templates/component/{{name.kebabCase}}/types/{{name.kebabCase}}.interface.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from 'react'
+
+/**
+ * Параметры {{name.pascalCase}}.
+ */
+export interface {{name.pascalCase}}Props extends HTMLAttributes<HTMLDivElement> {}

.templates/component/{{name.kebabCase}}/{{name.kebabCase}}.ui.tsx

@@ -0,0 +1,15 @@
+import type { FC } from 'react'
+import cl from 'clsx'
+import type { {{name.pascalCase}}Props } from './types/{{name.kebabCase}}.interface'
+import styles from './styles/{{name.kebabCase}}.module.css'
+
+/**
+ * {{name.pascalCase}}.
+ */
+export const {{name.pascalCase}}: FC<{{name.pascalCase}}Props> = ({ className, ...htmlAttr }) => {
+  return (
+    <div {...htmlAttr} className={cl(styles.root, className)}>
+      {{name.kebabCase}}
+    </div>
+  )
+}

.templates/entity/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}}Entity } from './{{name.kebabCase}}.entity'

.templates/entity/{{name.kebabCase}}/{{name.kebabCase}}.entity.tsx

@@ -0,0 +1,12 @@
+import type { FC } from 'react'
+
+/**
+ * Сущность {{name.pascalCase}}.
+ */
+export const {{name.pascalCase}}Entity: FC = () => {
+  return (
+    <div>
+      {{name.kebabCase}}
+    </div>
+  )
+}

.templates/feature/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}}Feature } from './{{name.kebabCase}}.feature'

.templates/feature/{{name.kebabCase}}/{{name.kebabCase}}.feature.tsx

@@ -0,0 +1,12 @@
+import type { FC } from 'react'
+
+/**
+ * Фича {{name.pascalCase}}.
+ */
+export const {{name.pascalCase}}Feature: FC = () => {
+  return (
+    <div>
+      {{name.kebabCase}}
+    </div>
+  )
+}

.templates/layout/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}}Layout } from './{{name.kebabCase}}.layout'

.templates/layout/{{name.kebabCase}}/styles/{{name.kebabCase}}.module.css

@@ -0,0 +1,3 @@
+.root {
+
+}

.templates/layout/{{name.kebabCase}}/types/{{name.kebabCase}}.interface.ts

@@ -0,0 +1,6 @@
+/**
+ * Параметры {{name.pascalCase}}Layout.
+ */
+export interface {{name.pascalCase}}LayoutProps {
+  children: React.ReactNode
+}

.templates/layout/{{name.kebabCase}}/{{name.kebabCase}}.layout.tsx

@@ -0,0 +1,14 @@
+import type { FC } from 'react'
+import type { {{name.pascalCase}}LayoutProps } from './types/{{name.kebabCase}}.interface'
+import styles from './styles/{{name.kebabCase}}.module.css'
+
+/**
+ * Layout {{name.pascalCase}}.
+ */
+export const {{name.pascalCase}}Layout: FC<{{name.pascalCase}}LayoutProps> = ({ children }) => {
+  return (
+    <div className={styles.root}>
+      {children}
+    </div>
+  )
+}

.templates/screen/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}}Screen } from './{{name.kebabCase}}.screen'

.templates/screen/{{name.kebabCase}}/styles/{{name.kebabCase}}.module.css

@@ -0,0 +1,3 @@
+.root {
+
+}

.templates/screen/{{name.kebabCase}}/{{name.kebabCase}}.screen.tsx

@@ -0,0 +1,13 @@
+import type { FC } from 'react'
+import styles from './styles/{{name.kebabCase}}.module.css'
+
+/**
+ * Экран {{name.pascalCase}}.
+ */
+export const {{name.pascalCase}}Screen: FC = () => {
+  return (
+    <div className={styles.root}>
+      {{name.kebabCase}}
+    </div>
+  )
+}

.templates/store/{{name.kebabCase}}/index.ts

@@ -0,0 +1,2 @@
+export { use{{name.pascalCase}}Store } from './{{name.kebabCase}}.store'
+export type { {{name.pascalCase}}State } from './{{name.kebabCase}}.type'

.templates/store/{{name.kebabCase}}/{{name.kebabCase}}.store.ts

@@ -0,0 +1,9 @@
+import { create } from 'zustand'
+import type { {{name.pascalCase}}State } from './{{name.kebabCase}}.type'
+
+/**
+ * Стор {{name.pascalCase}}.
+ */
+export const use{{name.pascalCase}}Store = create<{{name.pascalCase}}State>()(() => ({
+
+}))

.templates/store/{{name.kebabCase}}/{{name.kebabCase}}.type.ts

@@ -0,0 +1,6 @@
+/**
+ * Состояние {{name.pascalCase}}.
+ */
+export interface {{name.pascalCase}}State {
+
+}

.templates/widget/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}}Widget } from './{{name.kebabCase}}.widget'

.templates/widget/{{name.kebabCase}}/styles/{{name.kebabCase}}.module.css

@@ -0,0 +1,3 @@
+.root {
+
+}

.templates/widget/{{name.kebabCase}}/{{name.kebabCase}}.widget.tsx

@@ -0,0 +1,13 @@
+import type { FC } from 'react'
+import styles from './styles/{{name.kebabCase}}.module.css'
+
+/**
+ * Виджет {{name.pascalCase}}.
+ */
+export const {{name.pascalCase}}Widget: FC = () => {
+  return (
+    <div className={styles.root}>
+      {{name.kebabCase}}
+    </div>
+  )
+}