Найти Π² Π”Π·Π΅Π½Π΅

πŸ” Auth.js ΠΈ Better Auth: ΡΠ²ΠΎΠ»ΡŽΡ†ΠΈΡ Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π² ΠΌΠΈΡ€Π΅ JavaScript

Когда Ρ€Π΅Ρ‡ΡŒ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΎΠ± Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π² Π²Π΅Π±-прилоТСниях, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‚ NextAuth.js β€” Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ, которая ΠΏΠΎΠ·ΠΆΠ΅ стала Auth.js. Π•Ρ‘ использовали тысячи ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: ΠΎΡ‚ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… стартапов Π΄ΠΎ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… сСрвисов Π²Ρ€ΠΎΠ΄Π΅ ChatGPT ΠΈΠ»ΠΈ Google Labs. И Π²ΠΎΡ‚ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ Π²Π°ΠΆΠ½ΠΎΠ΅ событиС: Auth.js ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΡˆΡ‘Π» ΠΏΠΎΠ΄ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Better Auth. Auth.js Π΄ΠΎΠ»Π³ΠΎΠ΅ врСмя Π±Ρ‹Π» стандартом Π΄Π΅-Ρ„Π°ΠΊΡ‚ΠΎ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π½Π° Next.js ΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ: Но Ρƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π±Ρ‹Π»ΠΈ ограничСния: с ростом слоТности ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΈ ΠΈ Ρ‚Π΅ ΠΆΠ΅ Β«ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Ρ‹Β». ИмСнно это стало ΠΏΡ€ΠΈΡ‡ΠΈΠ½ΠΎΠΉ появлСния Better Auth. Better Auth Ρ€Π΅ΡˆΠ°Π΅Ρ‚ нСсколько ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ: Π‘ тСхничСской стороны интСрСсно, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π° Better Auth ΠΏΠ΅Ρ€Π΅ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π»Π° систСму Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³Π»ΠΈ Β«Π²Π»Π°Π΄Π΅Ρ‚ΡŒΒ» своСй Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ, Π° Π½Π΅ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ SaaS-ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ΠΎΠ². Π― ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ это СстСствСнный шаг. Auth.js Π΄Π°Π» сообщСству ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт, Π½ΠΎ Π΅Π³ΠΎ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π° выросла ΠΈΠ· контСкста Β«Ρ€Π°Π½Π½Π΅Π³ΠΎ Next.jsΒ». БСгодняш
ОглавлСниС
Π’ свСтлом офисС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ просматриваСт Β«Migration GuideΒ» Π½Π° экранС: слСва панСль Better Auth, справа β€” шаги ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° с Auth.js. На Π±Π΅Π»ΠΎΠΉ доскС β€” стрСлка ΠΎΡ‚ Β«Auth.jsΒ» ΠΊ Β«Better AuthΒ». Π‘Ρ†Π΅Π½Π° ΠΏΠΎΠ΄Ρ‡Ρ‘Ρ€ΠΊΠΈΠ²Π°Π΅Ρ‚ смысл новости: Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Π½Π° Auth.js ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Π½ΠΎ для Π½ΠΎΠ²Ρ‹Ρ… Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Better Auth ΠΈ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ инструкции ΠΏΠΎ ΠΌΠΈΠ³Ρ€Π°Ρ†ΠΈΠΈ.
Π’ свСтлом офисС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ просматриваСт Β«Migration GuideΒ» Π½Π° экранС: слСва панСль Better Auth, справа β€” шаги ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° с Auth.js. На Π±Π΅Π»ΠΎΠΉ доскС β€” стрСлка ΠΎΡ‚ Β«Auth.jsΒ» ΠΊ Β«Better AuthΒ». Π‘Ρ†Π΅Π½Π° ΠΏΠΎΠ΄Ρ‡Ρ‘Ρ€ΠΊΠΈΠ²Π°Π΅Ρ‚ смысл новости: Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Π½Π° Auth.js ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Π½ΠΎ для Π½ΠΎΠ²Ρ‹Ρ… Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Better Auth ΠΈ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ инструкции ΠΏΠΎ ΠΌΠΈΠ³Ρ€Π°Ρ†ΠΈΠΈ.

Когда Ρ€Π΅Ρ‡ΡŒ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΎΠ± Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π² Π²Π΅Π±-прилоТСниях, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‚ NextAuth.js β€” Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ, которая ΠΏΠΎΠ·ΠΆΠ΅ стала Auth.js. Π•Ρ‘ использовали тысячи ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: ΠΎΡ‚ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… стартапов Π΄ΠΎ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… сСрвисов Π²Ρ€ΠΎΠ΄Π΅ ChatGPT ΠΈΠ»ΠΈ Google Labs. И Π²ΠΎΡ‚ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ Π²Π°ΠΆΠ½ΠΎΠ΅ событиС: Auth.js ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΡˆΡ‘Π» ΠΏΠΎΠ΄ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Better Auth.

🌟 ΠŸΠΎΡ‡Π΅ΠΌΡƒ это Π²Π°ΠΆΠ½ΠΎ

Auth.js Π΄ΠΎΠ»Π³ΠΎΠ΅ врСмя Π±Ρ‹Π» стандартом Π΄Π΅-Ρ„Π°ΠΊΡ‚ΠΎ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π½Π° Next.js ΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ:

  • πŸ”‘ ΠΎΠ½ ΡƒΠΏΡ€ΠΎΡ‰Π°Π» ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ с OAuth-ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€Π°ΠΌΠΈ,
  • πŸ—‚οΈ Ρ€Π΅ΡˆΠ°Π» ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ сСссий ΠΈ Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ²,
  • βš™οΈ позволял быстро Π²Π½Π΅Π΄Ρ€ΡΡ‚ΡŒ Π²Ρ…ΠΎΠ΄ Ρ‡Π΅Ρ€Π΅Π· Google, GitHub, Twitter Π±Π΅Π· написания «вСлосипСда».

Но Ρƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π±Ρ‹Π»ΠΈ ограничСния: с ростом слоТности ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΈ ΠΈ Ρ‚Π΅ ΠΆΠ΅ Β«ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Ρ‹Β». ИмСнно это стало ΠΏΡ€ΠΈΡ‡ΠΈΠ½ΠΎΠΉ появлСния Better Auth.

πŸš€ Π§Ρ‚ΠΎ измСнилось

  • πŸ“¦ Auth.js остаётся Ρ€Π°Π±ΠΎΡ‡ΠΈΠΌ: всС ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ обновлСния бСзопасности.
  • 🧩 Better Auth Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ для Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: ΠΎΠ½ Π²ΠΎΠ±Ρ€Π°Π» Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΈΠ΄Π΅ΠΈ Auth.js, Π½ΠΎ избавился ΠΎΡ‚ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹Ρ… ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ.
  • πŸ“š ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Ρ‹ Π³Π°ΠΉΠ΄Ρ‹ ΠΏΠΎ ΠΌΠΈΠ³Ρ€Π°Ρ†ΠΈΠΈ β€” с Auth.js ΠΈ Π΄Π°ΠΆΠ΅ с Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ² Π²Ρ€ΠΎΠ΄Π΅ Clerk.
  • πŸ›‘ Основной ΡƒΠΏΠΎΡ€ дСлаСтся Π½Π° Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ ΠΈ соврСмСнный DX (developer experience).

βš™οΈ ВСхничСский взгляд

Better Auth Ρ€Π΅ΡˆΠ°Π΅Ρ‚ нСсколько ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ:

  • ⚑ Унификация ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° ΠΊ сСссиям: ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° stateless-ΠΌΠΎΠ΄Π΅Π»ΠΈ Π±Π΅Π· ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π‘Π”.
  • 🧠 Π“ΠΈΠ±ΠΊΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Ρ‹: Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ собствСнныС кастомныС flow Π½Π° основС Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ².
  • 🌐 Π‘ΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ: интСграция Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с Next.js, Π½ΠΎ ΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ.
  • πŸ”’ ОбновляСмая Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°: ΠΏΡ€ΠΎΡ‰Π΅ Π²Π½Π΅Π΄Ρ€ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ»Ρ‹ ΠΈ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΡ‹ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, WebAuthn).

Π‘ тСхничСской стороны интСрСсно, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π° Better Auth ΠΏΠ΅Ρ€Π΅ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π»Π° систСму Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³Π»ΠΈ Β«Π²Π»Π°Π΄Π΅Ρ‚ΡŒΒ» своСй Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ, Π° Π½Π΅ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ SaaS-ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ΠΎΠ².

🌍 ΠœΠΎΡ‘ ΠΌΠ½Π΅Π½ΠΈΠ΅

Π― ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ это СстСствСнный шаг. Auth.js Π΄Π°Π» сообщСству ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт, Π½ΠΎ Π΅Π³ΠΎ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π° выросла ΠΈΠ· контСкста Β«Ρ€Π°Π½Π½Π΅Π³ΠΎ Next.jsΒ». БСгодняшниС прилоТСния Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ большС: микросСрвисная аутСнтификация, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° edge-Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, интСграция с ΠΎΠ±Π»Π°ΠΊΠ°ΠΌΠΈ ΠΈ serverless.

πŸ’‘ Better Auth ΠΈΠΌΠ΅Π΅Ρ‚ всС ΡˆΠ°Π½ΡΡ‹ ΡΡ‚Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΌ стандартом, ΠΊΠ°ΠΊ Prisma стал стандартом Π² ΠΌΠΈΡ€Π΅ ORM. И самоС Π²Π°ΠΆΠ½ΠΎΠ΅: ΠΊΠΎΠΌΠ°Π½Π΄Π° Π΄Π΅Π»Π°Π΅Ρ‚ ставку Π½Π° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ, Π° Π·Π½Π°Ρ‡ΠΈΡ‚ Ρƒ сообщСства остаётся свобода Π²Ρ‹Π±ΠΎΡ€Π°.

πŸ“Ž Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Auth.js is now part of Better Auth β€” Better Auth Blog