Загрузка awesome nextjs - Загрузка исходного кода awesome nextjs

awesome nextjs

Другой исходный код

1.0.0

Скачать

Потрясающий Next.js

Кураторский список ресурсов: книги, видео, статьи об использовании Next.js.

Next.js: React Framework.

Список вдохновлен удивительным списком. Вам также может понравиться Awesome-tdd.

Содержание

Потрясающий Next.js
- Содержание
- Сообщество
- Основы
- Статьи
- Шаблоны
- Расширения
- Приложения
- Книги
- Видео
- Проекты (Начальный уровень)
- Информационные бюллетени
- Содействие
- Лицензия

Сообщество

GitHub
Обсуждения GitHub для Next.js

Основы

Блог
Учиться
Версель ТВ
Пуленепробиваемый следующий

Статьи

Мгновенные обновления сайта с повторной проверкой по требованию и Directus
Динамические перенаправления на основе CMS с помощью Next.js
Начало работы с Next.js, GraphQL и React Query
Использование Next.js с FaunaDB: как запрашивать базу данных из вашего приложения
Как создать бессерверный блог Next.js с помощью ButterCMS
Создайте универсальное приложение JavaScript с помощью Next.js
Начало работы с Next.js — настройка вашего приложения
Начало работы с Next.js — ввод данных
Как создать универсальное приложение Next.js React
Далее на Next.js
Принимайте платежи на своем сайте с помощью nextjs, Stripe и Micro
Next.js об облачных функциях для Firebase с хостингом Firebase
Создание блога с помощью Next.js
Использование Google Analytics с Next.js
Создайте универсальное приложение JavaScript с помощью Next.js и Redux [Русский]
5 (из многих причин) любить Next.js от Vercel
Next.js 5: универсальный веб-пакет, импорт CSS, плагины и зоны
Визуализация данных в реальном времени с использованием Next.js и Chart.js
Создайте чат-приложение с анализом настроений с помощью Next.js.
Создайте таблицу реального времени с помощью Next.js
Блог SSR с Next.js и Prismic.io
SEO в Next.js и Prismic
SEO в Next.js с помощью next-seo
Следующий.js 7
Создавайте веб-сайты SSR Next.js, используя GraphQL с Postgres
Готовим клон Deliveroo с помощью Next.js (React), GraphQL, Strapi и Stripe — Настройка (часть 1/7)
Учебное пособие по электронной коммерции Next.js: быстрая интеграция корзины покупок
Работа с Ghost и Next.js
Использование Tailwind CSS с Next.js
Использование флагов функций в Next.js
Добавление фрагментов кода в Next.js с помощью React-syntax-highlighter
Создайте веб-сайт/приложение компании с помощью нашего потрясающего шаблона Next.js.
Гарантия доставки веб-перехватчика в приложении NextJS
Создание гостевой книги с использованием Next.js ISR по требованию
Полезные шаблоны администратора для создания вашего веб-сайта/приложения
Интегрируйте приложение Next с Tailwind

Шаблоны

Шаблон Kaminari — мощный шаблон Next.js и Tailwind CSS. Создано с учетом опыта разработчиков. Содержит конфигурации Husky, CommitLint, Prettier, Eslint и т. д.
Статический блог Next.js — статический блог Next.js на базе Cosmic Headless CMS.
NextJS Headless CMS Стартер блога
Приложение Next.js с AWS Lambda. Разверните приложение Next.js в AWS Lambda с помощью Apex Up.
Nitro — пример PWA с использованием Nextjs, Material-UI, Typescript и Auth0?
Шаблон Typescript Next & Now 2.0 — Serverless, Typescript, Jest, Github CI, SCSS, более красивый шаблон
Next Right Now — гибкий шаблон производственного уровня с Next.js 9 и Vercel, с предварительно настроенными Sentry, файлами cookie, Amplitude, Emotion, FontAwesome, GraphQL/GraphCMS (Apollo), Bootstrap (Reactstrap), i18next (Locize), Jest, Cypress (тесты E2E) и CI/CD (действия GH) с полной поддержкой TypeScript и поддержкой многопользовательской сети B2B. приложения (монорепо)
Далее Graphql Apollo Typescript_Boostrap — Pobocha — React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier и шаблон EsLint
Шаблон Next и Vercel Typescript — бессерверный, Typescript, Jest, Github CI, SCSS, более красивый шаблон
NextJS в Firebase с Bootstrap — размещение приложения NextJS с Bootstrap в Firebase с облачными функциями.
Next Simple Starter — простой шаблон PWA с Next.js и Redux.
NextJS Starter — стартовый проект для Next.js с аутентификацией по электронной почте и oAuth.
nextjs-starter — оптимизированный для SEO шаблон стартового набора Next.js 10 с React 17 + Typescript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + беспарольная аутентификация) с использованием (NextAuth.js и Fauna DB), ESLint, Prettier, Pre -зафиксировать хук с Хаски. Могут иметь разные макеты для разных страниц.
РАН! - Готовый к использованию шаблон с поддержкой GraphQL, SSR, горячей перезагрузки, CSS-in-JS, кэширования и многого другого.
Next Simple Blog — простой блог на основе Markdown, созданный с помощью Next.js со статическим экспортом.
phox — Создайте статический фотоблог.
Next Express Bootstrap Boilerplate — шаблон для полнофункционального приложения, созданного с использованием Next, Express, React-Bootstrap, SCSS и SSR с eslint.
Next Blog Firestore — блог с простой CMS, созданной с использованием Next.js, Firebase Firestore, styled-comments и mobx-state-tree.
Next Redux Starter — стартер Next.js с Express, Redux и PostCSS.
NextJS Redux-Wrapper Material-UI - ? Шаблонный NextJS с Redux и Material UI.
Старт - ? Активно поддерживаемая библиотека компонентов Next.js и минимальный шаблон для быстрого запуска приложения с рабочими учетными записями пользователей на основе Ooth.
Стартовый комплект NextJS TypeScript — ? TypeScript + NextJS, Styled-jsx, Redux, PostCSS, настраиваемое SEO
Следующий шаблон — внешний CSS и Sass + импорт изображений из любого места + Prettier и Eslint + переменные среды и многие другие функции.
next-starter — полный и простой шаблон со встроенными sass (.scss) и postcss .
Следующий пример Typescript Monorepo — минималистичный монорепозиторий next.js + typescript.
tomimick/tm-nextjs-starter — Минимальный стартовый/демонстрационный вариант с базовым CRUD, axios/localstorage, MobX, SASS, статическим экспортом сайта, живой демонстрацией.
csprance/next-smrt — минимальный шаблон с Redux, Styled-Components, Material-UI и Typescript с настраиваемым экспресс-сервером.
Nextron — Electron с генератором приложений Next.js ⚡
next-boilerplate — хорошо структурированный готовый шаблон Next.js с Typescript, Redux, Express.js, Sass, Css, EnvConfig, обратным прокси, Bundle
Oh My Fullstack — полный скелет веб-приложения (Next.js, Redux, RxJS, Immutable, Express)
Next-Postgres-With-Typescript — полнофункциональное веб-приложение в стиле форума с Next 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport Local Auth + Emotion
Next.js с Express и Babel — скелет приложения для тех, кто хочет перенести свой Express, а также код Next.js с помощью Babel.
next-postgres-graphql — создание веб-сайтов SSR Next.js с использованием GraphQL и Postgres (Next.js, Postgres, GraphQL)
nextjs-mongodb-app — Полноценное приложение, созданное с использованием Next.JS и MongoDB, с аутентификацией и многим другим (Next.js 9, MongoDB).
action-next-boilerplate — основа для сокращения конфигурации ваших проектов с помощью nextJS, лучших практик разработки и популярных библиотек в сообществе разработчиков.
The-Nextjs-starter — машинописный текст + redux + стилизованные компоненты + библиотека реагирования-тестирования + eslint + Fontawesome
The Knest Stack — полнофункциональный шаблон/стартер хакатона с: PostgreSQL, Knex.js, NestJS, Next.js (очевидно), GraphQL, React (с крючками и машинописным текстом), Material-UI, многоэтапными изображениями Docker для Docker Compose и Конвейер Gitlab CI/CD полностью настроен.
Devii — блог для разработчиков в стиле Medium, созданный с использованием Next.js, React и TypeScript, с рендерингом Markdown, подсветкой синтаксиса, SEO/мета-тегами и созданием RSS-каналов «из коробки».
Nextjs Blog Starter — идеальный стартовый код для вашего блога на основе платформы Next.js. ⚡️ Сделано с помощью Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Next.js и шаблон блогов Netlify — идеальный шаблон для создания веб-сайта блога на стеках Netlify со стандартными функциями, такими как тегирование, CMS и короткие коды.
Nextjs Apollo Nexus — интеграция клиент-сервера GraphQL Apollo в Next.js со схемой Nexus (сначала код).
Nextjs Стартер Павлин — ? Красивое стартовое портфолио Nextjs для инженеров-программистов и дизайнеров, где можно продемонстрировать работы, которыми они так гордятся.
Нестатик - ? Многоязычный шаблон статического веб-сайта с редактируемыми пользователем страницами и навигацией с использованием Netlify CMS + Next.js + SCSS + Typescript.
Генератор карты сайта для NextJS и StrAPI — ? Дополнительный сервер в Express, который работает вместе с nextjs и восстанавливает карту сайта (с индексной картой сайта) и файлы robots.txt по запросу от STR API.
superplate — superplate создает приложение Next.js за считанные секунды с помощью TypeScript, styled-comments, SWR, Storybook и более 35 плагинов.
Hydrogen — Hydrogen — это сборка стартового шаблона блога Nextjs с поддержкой TailwindCss и MDX. В нем есть все необходимые короткие коды MDX.
Next-Fire-Auth — потрясающий шаблон для запуска приложения с аутентификацией с использованием Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks
Подписка NextJS Chargebee — стек T3, ориентированный на Chargebee, который объединяет подписки пользователей, аутентификацию и тестирование. Управляется Prisma ORM.
Next.js Enterprise — шаблон корпоративного уровня для высокопроизводительных и легко поддерживаемых приложений. Создан с использованием Tailwind CSS, RadixUI, TypeScript и других инструментов.
Start UI [веб] — самоуверенный стартёр пользовательского интерфейса с TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz

Расширения

Следующий универсальный детектор языка. Детектор языка, который работает универсально (браузер + сервер). Предназначен для использования с универсальной платформой, такой как Next.js DEMO.
Следующие маршруты — универсальные именованные маршруты для Next.js.
Next-Pkg — расширенный сервер Next.js с поддержкой pkg.
Next Plugin Graphql — плагин Next.js для файлов .graphql и .gql с использованием графического тега.
Далее с Apollo — интеграция Apollo Graphql для Next.js
Следующее SEO — SEO стало проще для Next.js
Next-Sitemap — генератор карты сайта для Next.js
Next UserAgent — парсер UserAgent для Next.js.
Next Cookie — библиотека сериализатора и десериализатора файлов cookie для Next.js.
Nextein — генератор статических сайтов, основанный на Next.js.
next-mdx-blog — легко добавить блог в любой проект на основе next.js.
next-i18next — Самый простой способ перевести ваши приложения NextJs.
next-routes-middleware — промежуточное программное обеспечение маршрутизации NextJS.
Плагин Serverless Framework для Next.js. Легко развертывайте бессерверные приложения.
Terraform For Next.js — разверните свое приложение с помощью Terraform
next-session — промежуточное программное обеспечение сеанса для Next.js
next-iron-session — утилита сеанса Next.js без сохранения состояния, использующая подписанные и зашифрованные файлы cookie для хранения данных.
Следующий PurgeCSS — легко интегрируйте Purgecss, который поможет вам удалить неиспользуемый CSS из вашего пакета.
Next PWA — плагин PWA с нулевой конфигурацией для Next.js с рабочим полем
flow-middleware — запускайте любое промежуточное ПО Express на Next.js, не загрязняя собственные объекты.
next-connect — совместимый с Express/Connect маршрутизатор и уровень промежуточного программного обеспечения для Next.js.
next-img — плагин для простого встраивания оптимизированных изображений.
next-auth — Простая аутентификация для Next.js и Serverless.
next-deploy — простое развертывание на страницах AWS и GitHub.
next-joi — проверка маршрутов API Next.js с помощью joi .
next-transpile-modules — плагин Next.js для переноса кода из node_modules. Полезно для монорепозиториев.
Destack for Next.js — расширение Next.js для локального визуального создания целевых страниц.
UseSIWE — перехватчики React и маршруты API Next.js, которые упрощают добавление входа в систему с помощью Ethereum в ваше приложение.
Переменные среды выполнения для Next.js. Прекратите настройку переменных ENV в CI/CD, используйте облачный подход.
next-google-tag-manager — легко добавьте Диспетчер тегов Google в Next 13 и более поздние версии.
next-api-decorators — декораторы для создания типизированных маршрутов API Next.js с простой проверкой и преобразованием запросов.

Приложения

CourseLit — альтернатива Thinkific, Teachable и т. д. с открытым исходным кодом.
Feednext — приложение для социальных сетей с открытым исходным кодом.
NextJS GOT — простое приложение Next.js, демонстрирующее персонажей «Игры престолов».
Relate — Сообщество Mindfulness — React, GraphQL, Next.js.
Пароль — один пароль, правильный путь.
Следующие задачи — список дел, написанный на Next.js.
Hacker News — еще одна хакерская новость, написанная на Next.js.
Jet Chat — демонстрация чата на базе Jet и Next.js.
Nextgram — образец приложения Next.js v2 для демонстрации его возможностей.
Блог Rauchg — блог, созданный основным сопровождающим Next.js.
Next JPH — пример приложения JsonPlaceholder, созданный с помощью Next.js.
Mailto — HTML-mailto стал проще.
Plate — приложение для управления задачами, позволяющее управлять ими всеми.
Панель инструментов. Создайте свою собственную панель управления командой с настраиваемыми виджетами.
Snape — торрент-клиент для поиска, потоковой передачи и скачивания торрентов.
Trello Resume — преобразует данные Trello в информацию для быстрого чтения.
Аутентификация сервера с помощью JWT — аутентификация сервера, предотвращение рендеринга перед проверкой.
Сайт Александра Качкаева — персональная домашняя страница, созданная с помощью Next.js, GraphQL, Docker и Kubernetes. Использует клиент apollo, реакцию-intl, стилизованные компоненты и перекомпоновку. Образы Docker автоматически создаются GitLab CI.
Обработчик файлов cookie с серверным рендерингом — обработчик файлов cookie с серверным рендерингом, доступ к файлу cookie перед рендерингом.
Gank — приложение Next.js, использующее gank-api, mobx и antd
Пример разделения CMS с GraphQL и Next.js
Домашняя страница Mozilla VR - Домашняя страница Mozilla VR
Сайт Элтона Джона - Сайт Элтона Джона
Рынок данных IOTA - Рынок данных IOTA
Magicleap.com - Волшебный прыжок
Страница поиска NPM.js — страница поиска NPM
Центр успеха Docker - Центр успеха Docker
Urteile & Gesetze — немецкая система правовой информации под лицензией GPLv3.
Домашняя страница TikTok - Домашняя страница TikTok
njt.now.sh — переход к npm? (сочетания ярлыков навигации по пакетам, о которых вы мечтали). Частично визуализируется статически, частично развернуто как лямбда. Автоматически обновляется при каждом коммите в репозиторий GitHub благодаря интеграции Now.
caseconverter.pro — конвертер регистра текста.
Tottem — менеджер закладок на стероиде, созданный с помощью NextJs/Auth0/Apollo Tools/Prisma2
Карта медленного телевидения — интересный способ открыть для себя расслабляющие виртуальные впечатления. Next.js + Chakra UI + MySQL, размещенный на Vercel.
Twitter Clone — клон Twitter, созданный с помощью Next.js + T3 Stack + NextAuth + Supabase + Prisma.
Таксономия — пример приложения, созданного с использованием серверных компонентов Next.js 13.
shadcn/ui — Красиво оформленные компоненты, которые можно копировать и вставлять в свои приложения.
StorageBox — простой сервис хранения файлов, созданный с помощью Go и Next.js.

Книги

Hands On Next.js — практическая полнофункциональная книга по универсальному (серверному) рендерингу для реагирующих приложений.
Краткое руководство по Next.js: создавайте, собирайте и развертывайте универсальные приложения JavaScript с помощью Next.js.
Руководство по Next.js. Создайте интерфейсное приложение React, которое прозрачно обрабатывает за вас рендеринг на стороне сервера.
Бессерверные веб-приложения с React и Next.js. Используйте бессерверные функции Next.js для доступа к базам данных и аутентификации пользователей в ваших приложениях React.
Врезайтесь в Jamstack: создайте SaaS с помощью React и Next.js. Создайте полнофункциональное приложение «программное обеспечение как услуга», используя Next.js, Prisma ORM, Cloudinary API, Chakra-UI и React Hook Form.
Реальный мир Next.js — создавайте масштабируемые, высокопроизводительные и современные веб-приложения с помощью Next.js, среды React для производства.

Видео

Создайте свое первое приложение ReactJS с помощью NextJS [испанский]
React рендеринг на стороне сервера с помощью NextJS
Гильермо Раух — Next.js на примере
Гильермо Раух - Next.js: универсальный React стал простым и легким
Введение в Next.js
Next.js в производстве
Параметризованная маршрутизация с помощью Next.js
JSHeroes 2017 | Гильермо Раух — Статический и динамический Next.js
Программирование универсального будущего с помощью Next.js – Гильермо Раух · JSConf China 2017
BPJS: Специальное предложение — введение в Next.js
Далее для Next.js
Управление данными с помощью Next.js и GraphQL
Регистрация пользователя Next.js
Ускоренный курс Next.js — React на стороне сервера
Освоение Next.js — видеокурс из 50+ уроков по созданию приложений с помощью Next.js и React.
Учебник по Next.js — подробные руководства по Next.js.
Next.js Conf 2020 - Все видео с конференции Next.js 2020 года.
Полнофункциональное приложение для заказа еды с Hasura, Next.js и Vercel
Как использовать аутентификацию учетных данных в Next.js с NextAuth?

Проекты (Начальный уровень)

Полный клон Netflix в React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth и Vercel (2023 г.)
Создайте и разверните современный веб-сайт Next 13 с помощью Framer Motion и Tailwind CSS
Следующий проект js 13 - клон IMBb - следующий проект js Tailwind CSS - проект nextjs
Следующий проект js 13 — клон Google (next.js 13, Tailwind CSS 3, API поиска Google, маршрутизатор приложений
следующий js-проект — клон Twitter
Сборка и развертывание: клон TWITTER с помощью React, Tailwind, Next, Prisma, Mongo, NextAuth и Vercel (2023 г.)
Учебное пособие по NextJS 13: создание статического блога из файлов Markdown
Полный клон Airbnb с маршрутизатором приложений Next.js 13: React, Tailwind, Prisma, MongoDB, NextAuth 2023
Клон Messenger в реальном времени: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023 г.)
Полный клон Spotify: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)
Полноценная электронная коммерция + информационная панель и CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023 г.

Информационные бюллетени

Новости Next.js — ежемесячный информационный бюллетень Next.js, демонстрирующий новые и предстоящие функции, лучшие статьи, инструменты и плагины.
Заметки о Next.js — ежемесячные новости платформы Next.js и JavaScript.