Бесплатный шаблон лендинга на Next.js с SEO и поддержкой нескольких языков: inWind
huglemon/inwind-landing-page — это бесплатный и open-source шаблон лендинга для SaaS на Next.js, который включает SEO, автоматический sitemap, поддержку нескольких языков, тему DaisyUI, анимации… давайте склонируем его и поработаем вместе с вашим агентом!
Хороший лендинг — это тот, который красиво выглядит в браузере, но при этом его можно найти, если люди ищут название вашего продукта в Google. Хотя многие шаблоны лендингов удовлетворяют первому требованию, большинству из нас приходится тратить время, чтобы сделать их SEO-дружественными. А во многих случаях этого просто никогда не происходит, потому что мы не кодеры.
inWind — это шаблон лендинга на Next.js для глобальных SaaS-продуктов. Причина, по которой этот шаблон появился на свет, в том, что автор работает над B2B-сайтами и постоянно сталкивается с одной и той же проблемой: одностраничные приложения красивые, но не SEO-дружественные. Этот шаблон решает эти проблемы с нуля, включая SSR (рендеринг на стороне сервера), автоматический sitemap, мета-теги и поддержку нескольких языков. Из коробки есть английский и китайский, а свои языки вы можете легко добавить сами.
Исходники
huglemon/inwind-landing-page
★ 893JavaScript
Этот шаблон построен на DaisyUI, а значит, поддерживает несколько готовых тем и красивые компоненты Tailwind — тему можно легко поменять одной строчкой кода. Также в него интегрирован framer-motion, который обеспечивает плавные анимации. Если хотите посмотреть, как выглядит этот шаблон, вот живая демка: landingpage.huglemon.com
Как использовать с агентом
- 1Клонируй репозиторий и установи зависимости (одна команда ниже)
- 2Запусти сервер разработки — шаблон откроется в браузере на localhost:3000
- 3Посмотри разделы: первый экран, фичи, цены, FAQ, футер
- 4Скажи агенту что делает твой продукт и что нужно поменять в каждом разделе
- 5Когда готово — деплой на Vercel, он сам определяет Next.js-проекты
git clone https://github.com/huglemon/inwind-landing-page.git && cd inwind-landing-page && npm install
npm run dev
Мне нравится этот шаблон, потому что он дружелюбен к агентам. Агенту не нужно тратить время на раздумья насчёт SEO — автор уже включил в шаблон next-sitemap, который будет автоматически генерировать sitemap в процессе сборки. А маршрутизация языков тоже уже обработана в middleware.js. Просто дайте им репозиторий и скажите, что у вас за продукт. Не нужно думать ни о конфигурациях, ни о плагинах.
Обратите внимание: этот шаблон подходит для SaaS и B2B-проектов. Если вы работаете над каким-то творческим или личным проектом, вам, возможно, придётся сильно доработать существующие разделы (сетку с фичами, таблицу цен, отзывы). Именно этим и занимаются агенты — они поймут, что вам нужно, и внесут нужные правки. На SEO и анимации это никак не повлияет.
Полноценный Next.js лендинг с SEO из коробки: серверный рендеринг, авто-сайтмап, мультиязычная маршрутизация, анимации framer-motion и темы DaisyUI. Передай агенту с описанием продукта — получишь сайт, который выглядит профессионально и индексируется поисковиками.
Источник: github.com
Бесплатный курс
Хватит читать про ИИ — начни строить с ним
Бесплатный курс Claude Code: свой первый сайт, инструмент или игра — без программирования. Без апсейлов и кросс-сейлов — здесь нечего купить.
Начать →▌ Гайды по теме
Автор
Евгений Арсентьев
PhD · CEO, digital health
Статьи · Свежие статьи