forked from templates/nextjs-template
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
This commit is contained in:
28
src/screens/home/home.screen.tsx
Normal file
28
src/screens/home/home.screen.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
import type { FC } from 'react'
|
||||
import { Container, Title, Text, Image, Stack } from '@mantine/core'
|
||||
import styles from './styles/home.module.css'
|
||||
|
||||
/**
|
||||
* Главный экран приложения.
|
||||
*/
|
||||
export const HomeScreen: FC = () => {
|
||||
return (
|
||||
<div className={styles.root}>
|
||||
<Container size="sm">
|
||||
<Stack align="center" gap="lg">
|
||||
<Image
|
||||
src="/rick-and-morty-dance.gif"
|
||||
alt="Dancing Rick"
|
||||
w={200}
|
||||
h={200}
|
||||
fit="contain"
|
||||
/>
|
||||
<Title order={1}>Добро пожаловать</Title>
|
||||
<Text c="dimmed">
|
||||
Шаблон приложения на Next.js и TypeScript.
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user