Создавайте одностраничные сайты без кода

Nano-CMS — компактная система управления контентом с интеграцией Firebase. Простая, быстрая и бесплатная.

Nano-CMS Dashboard

Почему Nano-CMS?

Простое решение для создания и управления одностраничными сайтами без необходимости писать код

Быстрый запуск

Создайте и запустите свой сайт за считанные минуты без необходимости настройки серверов или баз данных.

Гибкая настройка

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

Firebase интеграция

Используйте мощь Firebase для хранения данных, управления контентом и аутентификации пользователей.

Адаптивный дизайн

Все блоки автоматически адаптируются под различные устройства — от смартфонов до десктопов.

Управление изображениями

Легко загружайте и управляйте изображениями с автоматическим хранением в Firebase Storage.

Безопасный доступ

Защитите панель управления с помощью Firebase Authentication для контроля доступа.

Типы блоков

Nano-CMS предлагает различные типы блоков для создания полноценного одностраничного сайта

Hero блок

Привлекательная шапка сайта

  • Фоновое изображение
  • Заголовок
  • Текстовый абзац

Текстовый блок

Для размещения информации

  • Заголовок с настройкой цветов
  • Множество абзацев
  • Настройка цветов фона и текста

Базовый блок

Текст с изображением

  • Заголовок с настройкой
  • Изображение
  • Текстовые абзацы

Слайдер

Галерея изображений

  • Заголовок с настройкой
  • Множество слайдов
  • Текст поверх изображений

Призыв к действию

Для конверсии посетителей

  • Заголовок с настройкой
  • Кликабельный номер телефона
  • Настройка цветов

Контакты

Для связи с вами

  • Телефон и мессенджеры
  • Адрес
  • Интерактивная карта

Как это работает

Создание и управление сайтом с Nano-CMS — это просто

1

Настройте Firebase

Создайте проект в Firebase и подключите Firestore и Storage для хранения данных и изображений.

2

Добавьте блоки

Используйте панель управления для добавления и настройки различных типов блоков для вашего сайта.

3

Опубликуйте сайт

Разместите готовый сайт на любом хостинге или используйте Firebase Hosting для быстрой публикации.

Технический стек

  • Frontend

    HTML, CSS, JavaScript — простой и понятный код без сложных фреймворков.

  • Backend

    Firebase SDK для работы с Firestore, Storage и Authentication без необходимости настройки серверов.

  • Хранение данных

    Firestore для структурированных данных и Firebase Storage для изображений и медиафайлов.

Структура данных

{
  "pageBlocks": [
    {
      "type": "hero",
      "order": 1,
      "data": {
        "backgroundImage": "url/to/image.jpg",
        "title": "Заголовок сайта",
        "paragraph": "Описание сайта"
      }
    },
    {
      "type": "textBlock",
      "order": 2,
      "data": {
        "title": "О нас",
        "titleBackgroundColor": "#4F46E5",
        "titleTextColor": "#FFFFFF",
        "paragraphs": [
          "Первый абзац текста",
          "Второй абзац текста"
        ]
      }
    }
  ]
}
                            

Демонстрация

Посмотрите, как работает Nano-CMS в действии

Панель управления

Hero блок
1
Текстовый блок
2
Слайдер
3
Контакты
4

Редактирование блока

Начните использовать Nano-CMS сегодня

Создайте свой одностраничный сайт за считанные минуты

Установка

  1. 1

    Скачайте репозиторий

    Клонируйте или скачайте репозиторий Nano-CMS с GitHub.

    git clone https://github.com/nano-cms/repo.git
  2. 2

    Настройте Firebase

    Создайте проект в Firebase и добавьте конфигурацию в файл config.js.

  3. 3

    Запустите проект

    Откройте index.html в браузере или разместите файлы на хостинге.