CourseHunter
  • Категории
    • Frontend logo Frontend
      • Angular logo Angular
      • HTML logo HTML
      • CSS logo CSS
      • JavaScript logo JavaScript
      • Vue logo Vue
      • jQuery logo jQuery
      • React logo React
      • AngularJS logo AngularJS
      • Backbone logo Backbone
      • TypeScript logo TypeScript
      • Ember logo Ember
      • Next.js logo Next.js
      • Elm logo Elm
      • Svelte logo Svelte
      • Single SPA logo Single SPA
      • Three.js logo Three.js
      • D3.js logo D3.js
      • RxJS logo RxJS
      • WebGL logo WebGL
      • barba.js logo barba.js
    • Backend logo Backend
      • PHP logo PHP
      • Python logo Python
      • Ruby on Rails logo Ruby on Rails
      • Yii logo Yii
      • Laravel logo Laravel
      • SQL logo SQL
      • Ruby logo Ruby
      • Symfony logo Symfony
      • Java logo Java
      • Scala logo Scala
      • Node.js logo Node.js
      • MongoDB logo MongoDB
      • Golang (Google Go) logo Golang (Google Go)
      • Slim logo Slim
      • Silex logo Silex
      • Firebase logo Firebase
      • C Sharp (C#) logo C Sharp (C#)
      • Deno logo Deno
      • Redis logo Redis
      • Django logo Django
      • NestJS logo NestJS
      • Spring logo Spring
      • Spring Boot logo Spring Boot
      • Spring Data logo Spring Data
      • Spring Cloud logo Spring Cloud
      • Spring Security logo Spring Security
      • Spring Integration logo Spring Integration
      • Spring HATEOAS logo Spring HATEOAS
      • Spring MVC logo Spring MVC
      • Elixir logo Elixir
      • Phoenix logo Phoenix
    • System programming logo System programming
      • Rust logo Rust
      • WebAssembly logo WebAssembly
      • C++ logo C++
    • Marketing logo Marketing
      • SEO logo SEO
    • Video and 3D logo Video and 3D
      • Blender logo Blender
      • Cinema 4D logo Cinema 4D
      • ZBrush logo ZBrush
    • Graphic logo Graphic
      • Figma logo Figma
      • Sketch logo Sketch
      • Photoshop logo Photoshop
      • After Effects logo After Effects
      • Illustrator  logo Illustrator
      • Adobe XD logo Adobe XD
      • Lightroom logo Lightroom
      • CorelDRAW logo CorelDRAW
    • DevOps logo DevOps
      • AWS logo AWS
      • Azure logo Azure
      • Docker logo Docker
      • Git logo Git
      • GitHub logo GitHub
      • Gitlab logo Gitlab
      • Google Cloud logo Google Cloud
      • Grafana logo Grafana
      • Kubernetes logo Kubernetes
      • Jenkins logo Jenkins
      • Terraform logo Terraform
      • Другое logo Другое
    • Tools logo Tools
      • GraphQL logo GraphQL
      • Flux logo Flux
      • Webpack logo Webpack
      • Ansible logo Ansible
      • Gulp logo Gulp
      • Grunt logo Grunt
      • Visual Studio Code logo Visual Studio Code
      • VIM logo VIM
      • OpenCV logo OpenCV
      • Salt logo Salt
      • SVN logo SVN
      • Atom logo Atom
      • Elasticsearch logo Elasticsearch
      • Сборки, готовые решения logo Сборки, готовые решения
      • Electron logo Electron
      • Chrome DevTools logo Chrome DevTools
      • Yarn logo Yarn
      • Babel logo Babel
      • Grep logo Grep
      • npm logo npm
      • Vite logo Vite
      • Gatsby logo Gatsby
      • PhpStorm logo PhpStorm
      • Webflow logo Webflow
      • Hibernate logo Hibernate
      • Socket.io logo Socket.io
      • Bash logo Bash
    • Разработка мобильных приложений logo Разработка мобильных приложений
      • React Native logo React Native
      • Ionic logo Ionic
      • Swift logo Swift
      • Progressive Web App (PWA) logo Progressive Web App (PWA)
      • Core Data logo Core Data
      • Xamarin logo Xamarin
      • NativeScript logo NativeScript
      • Dart и Flutter logo Dart и Flutter
    • Gamedev logo Gamedev
      • Unreal Engine logo Unreal Engine
      • Unity logo Unity
    • CMS logo CMS
      • Wordpress logo Wordpress
      • OpenCart logo OpenCart
      • Drupal logo Drupal
      • Joomla logo Joomla
      • 1C-Bitrix logo 1C-Bitrix
      • MODX logo MODX
      • Magento logo Magento
      • Shopify logo Shopify
    • Blockchain logo Blockchain
      • Криптовалюты logo Криптовалюты
      •  Decentralized Applications (dApps) (Web 3) logo Decentralized Applications (dApps) (Web 3)
    • Тестирование logo Тестирование
      • Postman logo Postman
      • Selenium logo Selenium
      • Appium logo Appium
      • Protractor logo Protractor
      • WebdriverIO logo WebdriverIO
      • Cypress logo Cypress
      • Playwright logo Playwright
    • Другое logo Другое
      • Linux logo Linux
      • WebRTC logo WebRTC
      • OpenGL Shading Language (GLSL) logo OpenGL Shading Language (GLSL)
    • Подготовка к собеседованию logo Подготовка к собеседованию
    • Обработка и анализ данных logo Обработка и анализ данных
    • Информационная безопасность logo Информационная безопасность
      • Этический взлом / Тестирование на проникновение logo Этический взлом / Тестирование на проникновение
    • Английский язык logo Английский язык
    • Конференции logo Конференции
  • Источники
  • Все курсы
    • Популярные
    • Бесплатные (100+ Курсов)
  • Разделы
  • Книги
    • Бесплатные
    • Популярные
  • Краудфандинг logo Краудфандинг
🇺🇸 English
🇷🇺 Русский
🇺🇦 Українська
Голубая
Фиолетовая
Cветлая
Терминал
Norton
Войти
Главная страница Категория react.js Bedrock: Быстрый старт вашего следующего продукта SaaS

Bedrock: Быстрый старт вашего следующего продукта SaaS

Bedrock: Jumpstart your next SaaS product

Max Stoiber (@mxstbr) logo Max Stoiber (@mxstbr)
Bedrock: Быстрый старт вашего следующего продукта SaaS logo Начать Сейчас
Категория
React.js
Дата добавления
28.10.2021
Язык
Английский
Дата обновления
23.11.2023

Современный полнофункциональный шаблон Next.js и GraphQL с аутентификацией пользователей, платежами по подписке, командами, приглашениями, электронными письмами и всем остальным, что вам нужно.


Каждый раз, когда я создаю продукт SaaS, я трачу недели на объединение стандартных инструментов и функций: аутентификация пользователей, сеансы файлов cookie, оплата подписки, управление биллингом, управление командой, GraphQL API, транзакционные электронные письма, ESLint, TypeScript, Prettier, Cypress, ... Вот почему я создал Bedrock.

Bedrock объединяет все лучшие инструменты, которые экосистема JS может предложить, в одну прочную основу для вашего продукта SaaS. Работать сейчас - это фантастика, и она настраивает вас на масштабирование по мере роста кода и пользовательской базы.

И самое приятное: вам не нужно читать тысячи страниц документации, чтобы узнать, как использовать Bedrock. Если вы знаете Next.js и GraphQL, вы можете начать писать код практически сразу!

Инструменты

Bedrock сочетает в себе все лучшие инструменты, которые может предложить экосистема JS, и заставляет их хорошо работать вместе. Это означает, что вы получаете лучший опыт разработчика и можете просто сосредоточиться на создании своего продукта.

В Bedrock нет абсолютно никакой магии, только связка кода, который сделает все эти инструменты лучшими друзьями. Вам не обязательно знать большинство этих технологий, чтобы работать эффективно, а Bedrock разработан таким образом, чтобы вы могли легко удалить все дополнительные инструменты!

Функции

Аутентификация пользователя

Аутентифицируйте пользователей, не беспокоясь о безопасности и хранении паролей. Пользователи получают волшебную ссылку на свою электронную почту, и как только они нажимают на нее, они входят в систему!

Поддержка команды

Бедрок готов для команд из коробки. Пользователи могут создавать «проекты», каждый из которых имеет свой биллинг и участников. Предварительно созданная система приглашений позволяет пользователям приглашать своих коллег в свои проекты.

Оплата подписки

Безопасно принимайте платежи по подписке с помощью Stripe Checkout. Bedrock готов к любым планам, которые вы хотите (включая годовые, цены на одно место и все остальное), и уже обрабатывает счета, управление счетами, соответствие требованиям PCI и многое другое.

Без стиля

Bedrock поставляется без каких-либо стилей или библиотеки компонентов, потому что, честно говоря, вы все равно просто удалите их. Интерфейс содержит минимальный код, необходимый для работы функциональности. Сделайте так, как вы хотите, используя собственную библиотеку компонентов или любую библиотеку с открытым исходным кодом!

GraphQL API и интеграции

Наслаждайтесь фантастическим опытом разработчиков, создавая API GraphQL с помощью Nexus и Prisma и запрашивая его с помощью urql. Bedrock также поддерживает аутентификацию API на основе токенов, что позволяет пользователям программно интегрироваться с вашим продуктом.

Подстраивается под ваши предпочтения

Bedrock имеет модульную конструкцию, поэтому вы можете настроить ее в соответствии со своими предпочтениями. Все инструменты, кроме Next.js, являются необязательными и могут быть легко удалены или заменены на вашу любимую альтернативу.

Лучший опыт разработчика

В экосистеме JavaScript есть много фантастических инструментов, но заставить их хорошо работать вместе может быть непросто. Bedrock поставляется со всем, что вам нужно, отлично настроено, поэтому вы (и ваша команда) можете двигаться быстро.

Пишите безопасно от базы данных к клиенту

Двигайтесь быстрее благодаря TypeScript, который улавливает ваши ошибки еще до того, как вы нажмете «Сохранить». Переименовать поле в схеме базы данных или GraphQL API? TypeScript сразу же выделит, где вам нужно обновить код.

Генерация кода

Bedrock использует генерацию кода там, где это возможно, поэтому вам нужно меньше писать код и двигаться быстрее. Prisma генерирует настраиваемый ORM и миграции из схемы вашей базы данных, Nexus генерирует настраиваемый API GraphQL из вашего ORM, а GraphQL Codegen генерирует перехватчики React для извлечения данных из вашего GraphQL API.

Бесконечная масштабируемость

Благодаря бессерверному использованию вам никогда не придется беспокоиться о масштабировании серверов. Независимо от того, сколько трафика получает ваш продукт, Next.js справится с этим.

Посмотреть больше
Информация Комментарии (24)
  • https://coursehunters.online/t/bedrock-jumpstart-your-next-saas-product/5064

Внимание: Это не Видеокурс. 


Авторы

Изображение источника Max Stoiber (@mxstbr)

Max Stoiber (@mxstbr)

Привет, я @mxstbr! Я создатель react-boilerplate, одного из самых популярных шаблонов ранних версий React (27 тыс. звезд), и соавтор styled-components, самой популярной библиотеки CSS-in-JS (32,5 тыс. звезд). Последние семь лет я глубоко размышлял об опыте разработчиков и масштабировании полнофункциональных приложений JavaScript. В Gatsby, GitHub и Spectrum у меня была возможность протестировать свои идеи и многие инструменты в различных контекст

Автор
Посмотреть
+5

Категории

React.js logo

React.js

GraphQL logo

GraphQL

Другое logo

Другое

Next.js logo

Next.js

Сборки, готовые решения logo

Сборки, готовые решения

Комментарии
User Avatar
  • User Avatar
    rawstyle
    24 нояб. 2023 г., 17:16
    Does anyone know if this is still relevant for Next.js 14 web apps? or is the boilerplate outdated?
  • User Avatar
    Alvin rawstyle
    30 нояб. 2023 г., 10:27
    It uses Pages router and not "App" router, nor uses any of those new server-components offered in Nextjs v13 or v14 as far as I can see.
    It still works without any issues though. You can try upgrading to v14 yourself slowly or wait for developer to do so.
  • User Avatar
    TuanTQ
    21 нояб. 2023 г., 08:27
    Hi Admin,

    We have any update on this.

    Thanks,
  • User Avatar
    Anonymous
    3 янв. 2023 г., 23:11
    File not found when pressing the download button.
  • User Avatar
    CourseHunter Team
    27 окт. 2022 г., 00:02
    Updated to v.1.5.0
  • User Avatar
    null
    25 окт. 2022 г., 10:58
    please update
  • User Avatar
    Anonymous
    13 окт. 2022 г., 23:35
    @Admin @Coursehunters could you please update to v1.5.0?
  • User Avatar
    NULL
    5 окт. 2022 г., 16:43
    @Admin @Coursehunters please update.
  • User Avatar
    Anonymous
    16 сент. 2022 г., 10:58
    Update please
  • User Avatar
    Anonymous
    9 сент. 2022 г., 15:18
    Hey, @Admin @Coursehunters could you please update.
  • User Avatar
    Anonymous
    9 сент. 2022 г., 15:03
    update, please!
  • User Avatar
    LetLetLand
    9 сент. 2022 г., 10:14
    Why has the course been removed ?
  • User Avatar
    Anonymous
    6 сент. 2022 г., 15:20
    Update please
  • User Avatar
    Anonymous
    24 июн. 2022 г., 03:57
    Hi, I can't watch this course. The video and and playlist does not appear on the page.
  • User Avatar
    Walter Sobchak
    17 мар. 2022 г., 18:22
    Hey @Admin @Coursehunters Team
    Can you update please? Thanks
  • User Avatar
    CourseHunter Team Walter Sobchak
    17 мар. 2022 г., 21:24
    Hi, sure, will update in a days
  • User Avatar
    JScripter
    20 февр. 2022 г., 21:11
    Update please
  • User Avatar
    Anonymous
    8 нояб. 2021 г., 14:09
    Update please
  • User Avatar
    iboum
    8 нояб. 2021 г., 12:32
    Update please :) 1.3.0 is out
  • User Avatar
    Artmani
    28 окт. 2021 г., 11:40
    Запускай шарманку)
  • User Avatar
    ssanusi
    28 окт. 2021 г., 08:21
    Admin is saying file not found
  • User Avatar
    CourseHunter Team ssanusi
    28 окт. 2021 г., 16:22
    info@coursehunter.net
  • User Avatar
    gx9293
    28 окт. 2021 г., 04:18
    thank you admin. This also look amazing and comes with a CMS: https://serverless.page/
Все отзывы
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Создайте клон ClubHouse с помощью Golang и NextJS
Jason Shen logo Jason Shen
18.01.2022
Golang (Google Go) Next.js

Создайте клон ClubHouse с помощью Golang и NextJS

(Pre-Sale) Build a ClubHouse Clone with Golang and NextJS

Узнайте, как использовать Golang, Pion и NextJS для создания клона ClubHouse. В этом курсе мы будем использовать ion-sfu, построенный поверх Pion, pion — это реализация webrtc на чистом Go для нашего backend сервера, а на фронтенде мы будем использовать NextJS. ** ClubHouse Clone означает клонирование функций и логики, пользовательский интерфейс был переработан.

2 ч 31 мин
Английский
Посмотреть
+27
Изображение курса SaaS: Разработка Облачных Многопользовательских Приложений SaaS
udemy logo udemy
28.04.2022
Другое

SaaS: Разработка Облачных Многопользовательских Приложений SaaS

SaaS: Design Cloud Native Multitenant SaaS applications

За последние несколько лет облачные вычисления выросли как на дрожжах, и все крупные предприятия переходят на модель SaaS (программное обеспечение как услуга), чтобы максимизировать свои доходы. Это одна из горячих тем десятилетия, и она по-прежнему будет одной из обязательных тем для изучения и понимания любым специалистом по программному обеспечению.

2 ч 29 мин
Английский
Посмотреть
+1
Изображение курса SaasRock. SaaS фреймворк
SaasRock logo SaasRock
03.01.2023
Сборки, готовые решения

SaasRock. SaaS фреймворк

SaasRock | The One-Man SaaS Framework (Core Edition + Enterprise Edition)

Все, что вам нужно, чтобы начать создавать MVP за день, создать приложение SaaS за неделю или полноценное корпоративное приложение менее чем за месяц (в зависимости от ваших обязательств).

Английский
Посмотреть
+70
Изображение курса Next.js - Полный курс (fireship)
fireship.io logo fireship.io
18.05.2023
React.js Next.js

Next.js - Полный курс (fireship)

Next.js - The Full Course

Next.js: Полный Курс предлагает детальное изучение возможностей App Router в Next.js, включая поддержку различных стратегий рендеринга и работы с данными. В рамках курса вы на практике освоите React Server Components, создавая полнофункциональное приложение с использованием PostgreSQL и Prisma.

1 ч 13 мин
Английский
Посмотреть
+57
Изображение курса От Нуля до Завершения. Овладейте быстрой full stack разработкой
Kitze logo Kitze
09.09.2023
SQL AWS TypeScript Next.js

От Нуля до Завершения. Овладейте быстрой full stack разработкой

Zero To Shipped

Чувствуете себя запуганным полным стеком разработки? Интересуетесь, как некоторые разработчики могут выпустить функциональное приложение всего за один день? Этот увлекательный видеокурс развеивает мифы и упрощает процесс, помогая вам быстро создавать и выпускать продукты. Превратите страшный мир полного стека разработки в доступный и приятный опыт.

24 ч 38 мин
Английский
Посмотреть
+11

Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.

Категории
Все категории JavaScript Vue React.js Python Java Golang (Google Go) Другое TypeScript C Sharp (C#) Подготовка к собеседованию
Источники
Все источники "Dr. Greg" Loughnane Alvin Zablan balun.courses Chris "The Wiz" Alexiuk frontendmasters Hamza Farooq Konrad Kokosa udemy zerotomastery.io
Telegram CourseTrain Цена Контакты Распространенные вопросы Плейлисты Приватность Условия
Темы:
Язык: