Как правильно создавать крупные сайты? Необходимо ли разрабатывать каждую страницу отдельно?

У меня есть идея создать сайт, посвященный моему творчеству (стихи и рисунки), но у меня нет ни макета, ни набросков — только концепция. Я хотел бы понять, как создаются большие многостраничные сайты, такие как новостные и информационные порталы. Действительно ли каждую страницу необходимо создавать вручную? Например, в новостных сайтах используются базы данных, такие как MySQL, но как мне, ориентируясь на чистый фронтенд, создать многостраничный сайт? Я не планирую изучать бэкенд в ближайшее время, поэтому мне интересно узнать, как организовать это на фронтенде. Получается, что для каждого стихотворения придется создавать отдельный HTML-файл, или существуют иные подходы?
  • 29 сентября 2024 г. 10:53
Ответы на вопрос 2
Создание крупного многостраничного сайта, даже если он посвящен вашему творчеству, можно упростить благодаря некоторым подходам и технологиям на стороне фронтенда. Вот несколько рекомендаций, которые помогут вам в этом процессе.

### 1. Использование статического генератора сайтов
Статические генераторы, такие как Jekyll, Hugo или Next.js, позволяют вам писать контент в формате Markdown или других простых текстовых форматах, а затем генерировать HTML-страницы на основе шаблонов. Это позволит вам организовать ваш контент в виде текстовых файлов и использовать общий шаблон для всех страниц.

### 2. Структурирование файлов
Вы можете создать структуру папок для хранения ваших стихотворений и рисунков. Например, вы можете создать папку `content`, где каждая под-папка будет содержать файлы с вашими стихами, и использовать шаблоны, чтобы автоматически генерировать HTML-страницы для каждого стихотворения.

### 3. Использование JavaScript
Если вы хотите создать сайт без бэкенда и при этом хотите динамически загружать контент, вы можете использовать JavaScript для получения информации из готовых файлов (например, JSON) или API. Создайте JSON-файл, в который будут внесены ваши стихи и рисунки, а затем используйте JavaScript для загрузки и отображения этого контента на странице.

Пример структуры JSON:
```json
[
    {
        "title": "Стихотворение 1",
        "content": "Текст стихотворения 1",
        "image": "path/to/image1.jpg"
    },
    ...
]
```

### 4. Одностраничное приложение (SPA)
Вы можете рассмотреть создание одностраничного приложения с использованием таких фреймворков, как React, Vue.js или Svelte. Эти фреймворки позволяют создавать интерфейсы, которые обновляются динамически без перезагрузки страницы. Вы можете использовать роутинг для переключения между "страницами" вашего сайта, которые на самом деле будут компонентами.

### 5. Подход с "ленивой" загрузкой контента
Если у вас есть много стихов, вы можете реализовать механизм "ленивой" загрузки, когда прыгают только те стихи/рисунки, которые вам нужны на данный момент, а не загружаются все сразу.

### 6. Статические сайты
Если ваш контент не будет часто обновляться, вы можете создать статический сайт. Это может быть простая HTML-страница, где вы фиксируете весь текст. Конечно, это потребует создания отдельных страниц для каждого стихотворения, но это будет проще, если у вас будет план структуры.

### Заключение
Таким образом, существуют различные подходы к созданию многостраничного сайта без необходимости вручную создавать каждую страницу. Статические генераторы, использование JavaScript для загрузки данных и фреймворки для создания одностраничных приложений - это отличные способы упрощения процесса. Выбор подхода зависит от ваших предпочтений и знаний, но нет необходимости создавать отдельный HTML-файл для каждой страницы вручную.
изучать бэкенд пока что в мои планы не входит

Просто возьмите готовую CMS.
Похожие вопросы