Перейти к содержимому
Tech-stack

Стек технологий

Инструменты, на которых работают whub.kz, dental-market.kz и этот сайт. Каждый выбор обоснован задачей проекта.

Что мы используем

7 направлений · каждое решение обосновано

Frontend

Что у пользователя на экране

Next.js 16 (App Router)React 19TypeScript 5.9 strictTailwind CSS 4Framer Motion 12Lenis (smooth scroll)sonner (toasts)Lucide Icons

Backend

Где живут данные

PostgreSQL 16 (свой сервер в Docker)Next.js Route HandlersZod (validation)Supabase Auth (вход в админку)Ежедневные бэкапы

AI / LLM

AI в ежедневной работе

Anthropic Claude (Sonnet, Opus)OpenAI GPTGoogle ImagenMidjourneyCursor (AI IDE)

Marketing tools

Чтобы видеть, что работает

GA4 (Measurement Protocol)Yandex.MetrikaMicrosoft ClarityMeta PixelGTM (server-side)Yandex WebmasterGoogle Search Console

Design

От брифа до Figma и кода

FigmaImagen 4 (мудборды)PhotoshopIllustratorSuno (audio drone)

Project management

Чтобы не терять нити

NotionLinearSlackGitHub ProjectsTelegram

DevOps / Hosting

Где это всё крутится

Docker (multi-stage builds)docker-compose (web + Postgres)Caddy (edge-прокси, TLS)Деплой одной командой (rsync + compose)GitHub

Код, который реально пишем

TypeScript strict, Zod-валидация, Anthropic SDK, Edge runtime. Короткие файлы и функции — код легко читать, проверять и развивать после сдачи.

app/api/analyze/route.tsTypeScript
// Пример: AI-аудит сайта (упрощённо)
import Anthropic from '@anthropic-ai/sdk'
import { z } from 'zod'

const RequestSchema = z.object({ url: z.string().url() })

export async function POST(req: Request) {
  const { url } = RequestSchema.parse(await req.json())

  const html = await fetch(url).then((r) => r.text())
  const client = new Anthropic()

  const result = await client.messages.create({
    model: 'claude-sonnet-4-6',
    max_tokens: 1024,
    messages: [
      { role: 'user', content: `Audit this site: ${html}` },
    ],
  })

  return Response.json({ ok: true, result })
}

Откуда к нам переезжают

перенос проекта берём на себя

Если ваш проект живёт на одной из этих платформ — аккуратно перенесём его на современный стек вместе с контентом.

Tilda

Хороша для простого лендинга. Когда бизнесу нужны кастомные интеграции, AI-инструменты и свободное SEO — переносим проект на Next.js.

WordPress

Достаточен для личного блога. Бизнес-системе нужны скорость, стабильность и предсказуемая безопасность — их даёт стек TypeScript.

1С-Битрикс

Переезд на Next.js избавляет от платной лицензии, упрощает админку и удешевляет поддержку: разработчиков на современном стеке найти проще.

PHP-проекты

Экосистема TypeScript/Next.js даёт больше скорости и качества за тот же бюджет — поэтому новые проекты строим на ней, а существующие переносим.

Хотите свой проект на этом стеке?

Опишите задачу — за 1 рабочий день пришлём конкретное предложение с шагами и стоимостью.