Часть 1: Обзор проекта: выбор технологий и архитектура
Как мы разрабатывали веб-платформу на Laravel и Vue.js
В нашей команде появилась задача разработать веб-сайт для компании, включающий:
- Адаптивный лендинг
- Форму обратной связи
- Административную панель для управления отзывами
Проект нужно было выполнить быстро, но при этом с удобной архитектурой и перспективой на дальнейшее развитие. Мы выбрали Laravel (PHP) на бэкенде, Vue.js на фронтенде и InertiaJS для их связи, что позволило нам разработать полноценное SPA (Single Page Application) в монолитной архитектуре.
Почему мы выбрали этот стек?
- Laravel — мощный PHP-фреймворк с удобным инструментарием для работы с базами данных, аутентификацией и API.
- Vue.js — легковесный, но гибкий фреймворк, который отлично работает в сочетании с Laravel.
- InertiaJS — инструмент, который убрал необходимость писать REST API, позволив передавать данные напрямую между Laravel и Vue.
- Vuetify — UI-библиотека, которая ускорила разработку адаптивного интерфейса.
- PostgreSQL — надёжная база данных с хорошей поддержкой сложных запросов.
- Nginx на VPS — для стабильного хостинга и хорошей производительности.
Как это помогло ускорить разработку?
- Благодаря InertiaJS нам не пришлось делать отдельный API, а значит, фронтенд и бэкенд взаимодействовали проще.
- Laravel и Vue.js отлично сочетаются и позволяют быстро прототипировать админку и клиентскую часть.
- Vuetify позволил минимизировать время на стилизацию UI-компонентов.
- PostgreSQL обеспечил удобное хранение и быстрый доступ к данным.
Этот стек технологий позволил нам реализовать проект быстро, без лишних сложностей, но с возможностью масштабирования в будущем.
В следующем посте разберём создание адаптивного лендинга и формы обратной связи.
(На скринах замазаны данные компании)
Начать дискуссию