next kickstart - next kickstart

next kickstart

AI Исходный код

1.0.0

Скачать

Next-Kickstart

Функция упакована в следующую. JS Cowerplate. Нулевая установка. Край готов.

Некоторые функции зависят от переменных среды (указанные в списке функций) и поэтому требуют включения. Они отключены по умолчанию, так что приложение работает без какой -либо настройки. Они могут быть включены путем некомментирования всех строк, где появляется @enable {feature} .

Функции

Просмотреть ветви репозитория для других наборов функций (например, BUN)

Основной

TypeScript - настроен для максимизации безопасности типа
T3 Env - проверка переменной среды
TRPC -Создайте API-интерфейсы с самого отречения типа, которые работают как в компонентах клиента, так и в компонентах сервера
⚡ WebSockets - общение в реальном времени (используя толкатель, но может быть заменен на альтернативы)
- ? Интегрируется с TRPC для сквозных событий типа.
? Дождь - ORM с максимальной безопасностью типа
Люсия аут - гибкая и безопасная аутентификация
- ? Интегрируется с дождем для хранения данных AUTH

Разработка

? Eslint - согласованные стандарты кода
Красиво - последовательный стиль кода
? Tailwind CSS - утилита -первая структура CSS
? SHADCN/UI - Компоненты, построенные с Radix UI и Tailwind CSS
MDX - используйте отметки с компонентами
? Абсолютный импорт - проще и более чистый модуль импорт
VS Code Configurations - Конфигурации для легкой отладки

Тестирование

? Vitest - гибкая структура тестирования
? Библиотека испытаний реагирует -
- ? Интегрируется с Vitest в качестве структуры тестирования
? Драматург -сквозное тестирование по нескольким средам

Развертывание

Анализатор пакета - анализировать размеры пакета в каждой среде с помощью pnpm run build:analyze
? Next -PWA - Сделайте свой веб -сайт как прогрессивное веб -приложение (PWA)
? Docker - (локальный и производственный) докер -композитный и Dockerfiles для бега в любом месте
Действия GitHub - надежный CI/CD

? Начиная

Вариант 1: клон и развертывание с Vercel

? Вариант 2: клонировать и работать локально

Разветвляется этот репозиторий (Снимите «Снимите». Скопируйте только main ветвь. Только если вы заинтересованы в других наборах филиалов / функций)
Клонировать свой новый репозиторий
Установите зависимости и запустите сервер разработки

с PNPM
```
pnpm install
pnpm run dev
```

или с докером

docker-compose --file docker/dev/docker-compose.yml up

Конфигурация

Докер

.dockerignore
docker/ - Dockerfile и Docker -Compose.yml для разработки и производства

Дождь

(Требуется включение)

src/db/
src/lib/db.ts
drizzle.config.ts

Эслинт

.eslintrc.json

Действия GitHub

.github/workflows/ci.yml - проверка и лининг типа (следовательно, эти ошибки игнорируются в next.config.mjs )

Люсия Аут

(Требуется включение)

src/app/api/auth
src/app/auth
src/components/auth.tsx
src/db/schemas/auth.ts) хранить данные Auth в базе данных
src/lib/auth.ts
types/lucia.d.ts

Примеры

src/app/examples/profile/page.tsx

MDX

mdx-components.tsx

Далее-PWA

public/icon-512x512.png
public/manifest.json
next.config.mjs

Драматург

e2e/
playwright.config.ts

Красивее

.eslintrc.json
.prettierignore
.prettierrc.json

Реагировать библиотеку тестирования

src/app/page.test.tsx
testing/setup.ts

shadcn/ui

src/components/providers/theme-provider.tsx
src/components/ui/
src/components/theme-toggle.tsx
components.json

T3 Env

src/env.mjs - Настройка переменных среды
next.config.mjs - переменные среды подтверждены во время сборки

Tailwind CSS

src/styles/globals.css
tailwind.config.js

TRPC

src/app/api/trpc/[trpc]/route.ts
src/components/providers/trpc-provider.tsx
src/trpc/

Примеры

src/app/examples/client-component/page.tsx - Использование в клиентском компоненте
src/app/examples/server-component/page.tsx - Использование в компоненте сервера