Установка и настройка KeystoneJS

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.

Разработка и обслуживание любых видов сайтов:

Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Предлагаемые услуги
Показано 1 из 1 услугВсе 2065 услуг
Установка и настройка KeystoneJS
Простая
~1 рабочий день
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_website-b2b-advance_0.png
    Разработка сайта компании B2B ADVANCE
    1262
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1171
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    874
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1094
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    831
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Разработка веб-сайта для компании ФИКСПЕР
    851

Установка и настройка KeystoneJS

KeystoneJS 6 требует PostgreSQL или MySQL/SQLite (для разработки) и Node.js 18+. Установка занимает 20–30 минут, но правильная начальная конфигурация экономит часы в будущем.

Инициализация проекта

npm create keystone-app@latest my-project
# Выбираем: PostgreSQL, стартовый шаблон (blog или todo)
cd my-project
npm install

Создаётся структура с keystone.ts, schema.ts и примером List. Сразу меняем SQLite на PostgreSQL:

// keystone.ts
db: {
  provider: 'postgresql',
  url: process.env.DATABASE_URL || 'postgresql://user:pass@localhost:5432/keystone_dev',
  enableLogging: true,
  idField: { kind: 'uuid' }, // вместо autoincrement
},

Переменные окружения

# .env
DATABASE_URL=postgresql://keystone:secret@localhost:5432/keystone_dev
SESSION_SECRET=supersecretkey32charsmin
FRONTEND_URL=http://localhost:3001
BASE_URL=http://localhost:3000

Первый запуск и миграции

# Запуск в dev-режиме (auto-migrate)
npx keystone dev

# Первая миграция создаётся автоматически
# В продакшене — явно:
npx keystone prisma migrate deploy

После запуска доступны:

  • Admin UI: http://localhost:3000 — создание первого пользователя
  • GraphQL API: http://localhost:3000/api/graphql
  • GraphQL Playground: включён только в development

Настройка CORS и server options

server: {
  cors: { origin: ['http://localhost:3001'], credentials: true },
  port: parseInt(process.env.PORT || '3000'),
  maxFileSize: 200 * 1024 * 1024, // 200MB для загрузки файлов
},

TypeScript и tsconfig

KeystoneJS генерирует типы автоматически в .keystone/types.ts. Добавляем в tsconfig.json:

{
  "compilerOptions": {
    "target": "ES2019",
    "module": "CommonJS",
    "lib": ["ES2019"],
    "strict": true,
    "paths": {
      ".keystone/types": ["./.keystone/types"]
    }
  }
}

Базовая установка и настройка PostgreSQL-окружения — 2–4 часа, включая создание первых Lists и тестовый деплой.