"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const headings = [{ "data": { "id": "başlayın", "hProperties": { "id": "başlayın" } }, "depth": 2, "value": "Başlayın" }, { "data": { "id": "logto-sdksı-integre-et", "hProperties": { "id": "logto-sdksı-integre-et" } }, "depth": 2, "value": "Logto SDK'sı Integre Et" }, { "data": { "id": "kurulum", "hProperties": { "id": "kurulum" } }, "depth": 3, "value": "Kurulum" }, { "data": { "id": "logto-modülünü-kaydet", "hProperties": { "id": "logto-modülünü-kaydet" } }, "depth": 3, "value": "Logto Modülünü Kaydet" }, { "data": { "id": "oturum-açmayı-ve-oturumu-kapatmayı-gerçekleştir", "hProperties": { "id": "oturum-açmayı-ve-oturumu-kapatmayı-gerçekleştir" } }, "depth": 3, "value": "Oturum açmayı ve oturumu kapatmayı gerçekleştir" }, { "data": { "id": "kullanıcı-bilgilerini-göster", "hProperties": { "id": "kullanıcı-bilgilerini-göster" } }, "depth": 3, "value": "Kullanıcı Bilgilerini Göster" }, { "data": { "id": "kontrol-noktası-uygulamayı-çalıştırın", "hProperties": { "id": "kontrol-noktası-uygulamayı-çalıştırın" } }, "depth": 2, "value": "Kontrol Noktası: Uygulamayı Çalıştırın" }, { "data": { "id": "daha-fazla-okumalar", "hProperties": { "id": "daha-fazla-okumalar" } }, "depth": 2, "value": "Daha Fazla Okumalar" }]; const readingTime = { "minutes": 1, "words": 311, "text": "less than a minute read" }; const frontmatter = undefined; function _createMdxContent(props) { const _components = { a: "a", code: "code", h2: "h2", h3: "h3", li: "li", p: "p", pre: "pre", span: "span", ul: "ul", ..._provideComponents(), ...props.components }, {Checkpoint, ConfigureRedirectUris, GetStarted, LogtoCloudButton} = _components; if (!Checkpoint) _missingMdxReference("Checkpoint", true); if (!ConfigureRedirectUris) _missingMdxReference("ConfigureRedirectUris", true); if (!GetStarted) _missingMdxReference("GetStarted", true); if (!LogtoCloudButton) _missingMdxReference("LogtoCloudButton", true); return _jsxs(_Fragment, { children: [_jsxs(_components.h2, { id: "başlayın", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#başlayın", children: _jsx(_components.span, { children: "#" }) }), "Başlayın"] }), "\n", _jsx(GetStarted, { framework: { name: 'Nuxt', url: 'https://nuxt.com/', description: 'web geliştirme işlemini sezgisel ve güçlü kılan bir açık kaynak çerçevesi.' }, programmingLanguage: "TypeScript", applicationType: "Geleneksel web" }), "\n", _jsxs(_components.h2, { id: "logto-sdksı-integre-et", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#logto-sdksı-integre-et", children: _jsx(_components.span, { children: "#" }) }), "Logto SDK'sı Integre Et"] }), "\n", _jsxs(_components.h3, { id: "kurulum", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#kurulum", children: _jsx(_components.span, { children: "#" }) }), "Kurulum"] }), "\n", _jsx(_components.p, { children: "Favori paket yöneticiniz aracılığıyla Logto SDK'sını yükleyin:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "# veya pnpm, yarn, vb.\nnpm i @logto/nuxt\n" }) }), "\n", _jsxs(_components.h3, { id: "logto-modülünü-kaydet", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#logto-modülünü-kaydet", children: _jsx(_components.span, { children: "#" }) }), "Logto Modülünü Kaydet"] }), "\n", _jsxs(_components.p, { children: ["Nuxt yapılandırma dosyanızda (", _jsx(_components.code, { children: "nuxt.config.ts" }), "), Logto modülünü ekleyin:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default defineNuxtConfig({\n modules: ['@logto/nuxt'],\n // ...diğer yapılandırmalar\n});\n" }) }), "\n", _jsx(_components.p, { children: "Modül için minimal yapılandırma aşağıdaki gibidir:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default defineNuxtConfig({\n modules: ['@logto/nuxt'],\n runtimeConfig: {\n logto: {\n endpoint: '',\n appId: '',\n appSecret: '',\n cookieEncryptionKey: '',\n },\n },\n // ...diğer yapılandırmalar\n});\n" }) }), "\n", _jsx(_components.p, { children: "Bu bilgilerin hassas olduğu göz önünde bulundurulduğunda, çevre değişkenlerini kullanmanız önerilir:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "# .env dosyası\nNUXT_LOGTO_ENDPOINT=\"\"\nNUXT_LOGTO_APP_ID=\"\"\nNUXT_LOGTO_APP_SECRET=\"\"\nNUXT_LOGTO_COOKIE_ENCRYPTION_KEY=\"\"\n" }) }), "\n", _jsxs(_components.p, { children: ["Daha fazla bilgi için ", _jsx(_components.a, { href: "https://nuxt.com/docs/guide/going-further/runtime-config", children: "runtime config" }), " bakınız."] }), "\n", _jsxs(_components.h3, { id: "oturum-açmayı-ve-oturumu-kapatmayı-gerçekleştir", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#oturum-açmayı-ve-oturumu-kapatmayı-gerçekleştir", children: _jsx(_components.span, { children: "#" }) }), "Oturum açmayı ve oturumu kapatmayı gerçekleştir"] }), "\n", _jsx(ConfigureRedirectUris, {}), "\n", _jsxs(_components.p, { children: [_jsx(_components.code, { children: "@logto/nuxt" }), " modülünü kaydederken, aşağıdakileri yapar:"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["Oturum açmak (", _jsx(_components.code, { children: "/sign-in" }), "), oturumu kapatmak (", _jsx(_components.code, { children: "/sign-out" }), ") ve geri çağırma (", _jsx(_components.code, { children: "/callback" }), ") için üç yol ekler."] }), "\n", _jsxs(_components.li, { children: ["İki katmana alınabilir öğeyi alın: ", _jsx(_components.code, { children: "useLogtoClient" }), " ve ", _jsx(_components.code, { children: "useLogtoUser" }), "."] }), "\n"] }), "\n", _jsxs(_components.p, { children: ["Bu yollar, modül seçeneklerindeki ", _jsx(_components.code, { children: "logto.pathnames" }), " aracılığıyla yapılandırılabilir, örneğin:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-ts", children: "export default defineNuxtConfig({\n logto: {\n pathnames: {\n signIn: '/login',\n signOut: '/logout',\n callback: '/auth/callback',\n },\n },\n // ...diğer yapılandırmalar\n});\n" }) }), "\n", _jsxs(_components.p, { children: ["Daha fazla bilgi için ", _jsx(_components.code, { children: "@logto/nuxt" }), " paketindeki ", _jsx(_components.a, { href: "https://github.com/logto-io/js/blob/HEAD/packages/nuxt/src/runtime/utils/types.ts", children: "type definition file" }), " klasörünü kontrol edin."] }), "\n", _jsx(_components.p, { children: "Nuxt sayfaları ilk yüklemeden sonra hidrate olacak ve tek sayfalı bir uygulama (SPA) olacak, bu yüzden ihtiyaç duyulduğunda kullanıcıyı oturum açma veya oturumu kapatma rotasına yönlendirmemiz gerekiyor." }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "Oturum Aç\n
\nOturumu Kapat\n" }) }), "\n", _jsxs(_components.h3, { id: "kullanıcı-bilgilerini-göster", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#kullanıcı-bilgilerini-göster", children: _jsx(_components.span, { children: "#" }) }), "Kullanıcı Bilgilerini Göster"] }), "\n", _jsxs(_components.p, { children: ["Kullanıcının bilgilerini göstermek için, hem sunucu tarafında hem de istemci tarafında kullanılabilen ", _jsx(_components.code, { children: "useLogtoUser()" }), " katmanını kullanabilirsiniz:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "\n\n" }) }), "\n", _jsxs(_components.h2, { id: "kontrol-noktası-uygulamayı-çalıştırın", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#kontrol-noktası-uygulamayı-çalıştırın", children: _jsx(_components.span, { children: "#" }) }), "Kontrol Noktası: Uygulamayı Çalıştırın"] }), "\n", _jsx(Checkpoint, {}), "\n", _jsxs(_components.h2, { id: "daha-fazla-okumalar", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#daha-fazla-okumalar", children: _jsx(_components.span, { children: "#" }) }), "Daha Fazla Okumalar"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/customize-sie/", children: "Oturum açma deneyimini özelleştirin" }) }), "\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/configure-connectors/", children: "Konnektörleri Yapılandır" }) }), "\n", _jsx(_components.li, { children: _jsx(_components.a, { href: "https://docs.logto.io/docs/recipes/protect-your-api/", children: "API'nizi Korumak" }) }), "\n"] }), "\n", _jsx(LogtoCloudButton, { children: "Bugün Logto'yu Deneyin" })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { headings, readingTime, frontmatter, default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }