Вопрос или проблема
Я столкнулся с выбором. Мои текущие навыки ограничены HTML, CSS и немного JavaScript. Я хочу создать веб-сайт визуально, и если кодирование необходимо, я предпочитаю держать его минимальным, используя упомянутые языки, или, если мне нужно изучить больше языков, то это должно быть минимальное кодирование или обучение с моей стороны. Можете ли вы порекомендовать мне БЕСПЛАТНЫЕ сайты или технологии, которые помогут мне реализовать следующие случаи использования?
Что касается Frontend, я предпочитаю работать с указанными выше технологиями или, желательно, использовать конструктор сайтов, если такой существует. Конкретный пример:
Я хочу создать страницу со списком статей на frontend. Когда статью нажимают, она должна перейти на страницу статьи, которая содержит встраивания YouTube и Facebook.
Что касается CMS, я должен иметь возможность легко управлять базой данных, чтобы эффективно добавлять и извлекать данные. Конкретные примеры, которые я хочу реализовать с помощью CMS:
-
Мне нужно организовать рецепты в списки: завтрак, обед и ужин. Я хотел бы иметь возможность добавлять один и тот же рецепт в несколько списков и, наконец, отображать эти списки на frontend.
-
Я хочу иметь возможность генерировать и обновлять json файл, а затем использовать json на фронтенде (чтение json на фронтенде можно выполнять с помощью javascript без проблем, но как насчет CMS: как генерировать json, какие технологии?).
-
Я хочу загружать рецепты из бэкэнда (админ-панель), с возможностью использовать сторонний API для отправки аудиофайлов туда.
Конечно, я знаю, что хостинг и доменное имя НЕ бесплатны. Но мне нужны бесплатные технологии для решения вышеупомянутых задач.
Пожалуйста, внимательно прочитайте мои случаи и большое спасибо за ваши рекомендации.
Ответ или решение
Конечно! Давайте рассмотрим ваши потребности в создании веб-сайта и управлении содержимым с помощью доступных технологий, учитывая ваши ограничения и предпочтения.
Рекомендации по фронтенду
Для визуальной разработки интерфейса, особенно для вашего кейса, рекомендую рассмотреть следующие платформы, которые позволяют создать сайт с минимальной зависимостью от кода:
-
WordPress с конструкторами страниц (например, Elementor):
- Это бесплатная и очень популярная CMS, которая предоставляет множество шаблонов и плагинов. Используя Elementor, вы можете визуально создать страницу с списком статей, а каждую статью можно оформить как отдельную страницу с встраиванием видео с YouTube и Facebook. Пожалуйста, учтите, что хотя сам WordPress бесплатен, некоторые плагины и темы могут быть платными.
-
Wix или Weebly:
- Эти платформы предлагают функциональные бесплатные варианты. Они имеют визуальные редакторы, позволяющие создать страницы без глубоких знаний кодирования. Они поддерживают встраивание YouTube и Facebook, но имейте в виду, что могут возникнуть ограничения на использование исходного кода и кастомизации.
-
Ghost:
- Это минималистичная платформа для ведения блогов с фокусом на контенте. Хотя полное использование Ghost требует базовых знаний JavaScript и Node.js, есть возможность использовать темы и плагины, которые упрощают работу.
Рекомендации по CMS для управления данными
Теперь давайте перейдем к вашим требованиям по управлению содержимым и структурированию данных:
-
Contentful или Strapi:
- Оба являются Headless CMS. Contentful имеет бесплатный уровень и позволяет легко структурировать ваши рецепты по категориям (например, завтрак, обед и ужин). Вы можете добавлять одно и то же блюдо в несколько списков. Strapi также предоставляет возможность управления контентом, и вы сможете создавать API для доступа к данным.
-
Файлы JSON:
- Если вы хотите генерировать и обновлять JSON-файлы, Strapi будет отличным выбором, так как он создает API, который вы можете использовать для получения данных на фронтенде. Используйте его REST или GraphQL API для эффективного извлечения данных.
-
Загрузка аудиофайлов через 3rd Party API:
- Если вам нужно загружать рецепты и передавать аудиофайлы, рассмотрите возможность создания собственных форм на стороне админ-панели с помощью Strapi. Он позволяет интегрировать сторонние API и обрабатывать загрузки через кастомные контроллеры. Вы также можете использовать такие сервисы, как Firebase Storage или AWS S3 для хранения загруженных файлов.
Общая структура рабочего процесса
- Выберите платформу для создания фронтенда (рекомендуется использовать WordPress или системы с визуальными редакторами).
- Выберите CMS (например, Strapi), которая поддерживает ваши требования по организации и обновлению данных.
- Настройте API в Strapi для получения и выдачи данных на ваш фронтенд.
- Реализуйте загрузку аудиофайлов, используя интеграцию с 3rd Party API.
- Используйте JavaScript на фронтенде для работы с полученным JSON.
Заключение
Все предложенные решения абсолютно бесплатны или имеют базовую бесплатную версию. Тем не менее, стоит учитывать, что некоторые платные функции все-таки могут понадобиться в будущем для более сложной функциональности. Таким образом, у вас будет возможность создавать и управлять вашим сайтом с минимальным кодированием, что соответствует вашим потребностям. Удачи в разработке вашего веб-сайта!