"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[4579],{3869:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>n,toc:()=>d});const n=JSON.parse('{"id":"quick-start/full-stack","title":"Enhance Your Project with Full-Stack Capabilities","description":"Database Power","source":"@site/userGuide/quick-start/full-stack.md","sourceDirName":"quick-start","slug":"/quick-start/full-stack","permalink":"/guides/user/quick-start/full-stack","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":23,"frontMatter":{"sidebar_position":23},"sidebar":"sidebar","previous":{"title":"Start Your Project","permalink":"/guides/user/quick-start/start-project"},"next":{"title":"Deploy & Publish Your Site","permalink":"/guides/user/quick-start/deploy"}}');var i=a(4848),s=a(8453),r=(a(4405),a(8175));const o={sidebar_position:23},c="Enhance Your Project with Full-Stack Capabilities",l={},d=[{value:"Database Power",id:"database-power",level:3},{value:"Integrate Payment Capabilities into Your Application",id:"integrate-payment-capabilities-into-your-application",level:3},{value:"Enhance Your Application with Email Capabilities Using Resend",id:"enhance-your-application-with-email-capabilities-using-resend",level:3}];function u(e){const t={a:"a",code:"code",h1:"h1",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"enhance-your-project-with-full-stack-capabilities",children:"Enhance Your Project with Full-Stack Capabilities"})}),"\n",(0,i.jsx)(t.h3,{id:"database-power",children:"Database Power"}),"\n",(0,i.jsxs)(t.p,{children:["We offer three options for connecting to a database: (",(0,i.jsx)(t.strong,{children:"Note:"})," Once the database is set up, it can neither be shut down nor have its type changed)"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(r.A,{}),"Database:"]}),' Click "Enable Database" button, choose "EZsite Database" Database Type, it Leverages our built-in database for effortless data storage and management, requiring no additional configuration.\n',(0,i.jsx)(t.img,{src:a(9696).A+"",width:"1143",height:"546"})]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Supabase Database:"}),' Click "Enable Database" button, choose "Supabase Database" Database Type, Connect your own Supabase database to store and manage your application data. Level up with advanced features like subscriptions, real-time updates, and third-party authenticationFor setup instructions, visit: ',(0,i.jsx)(t.a,{href:"/integration/integration-supabase",children:"Integration with Supabase"}),"\n",(0,i.jsx)(t.img,{src:a(6139).A+"",width:"1170",height:"820"})]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Custom Database:"}),' Click "Enable Database" button, choose "Custom Database" Database Type, You can set up your own PostgreSQL database to Connect and manage external PostgreSQL databases directly, with full SQL query support and enterprise-grade scalability. For setup instructions, visit: ',(0,i.jsx)(t.a,{href:"/user/getting-started/set-up-custom-db",children:"Set Up Custom Database"}),"\n",(0,i.jsx)(t.img,{src:a(4585).A+"",width:"1172",height:"750"})]}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"integrate-payment-capabilities-into-your-application",children:"Integrate Payment Capabilities into Your Application"}),"\n",(0,i.jsxs)(t.p,{children:["There are multiple ways to integrate Stripe into your ",(0,i.jsx)(r.A,{})," project. The most straightforward way is to use Stripe's built-in payment links for simple and fast checkout."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{children:"add Stripe payments to my app using this payment link: [Your Payment Link]\n"})}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.img,{src:a(6876).A+"",width:"1484",height:"786"})}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"enhance-your-application-with-email-capabilities-using-resend",children:"Enhance Your Application with Email Capabilities Using Resend"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Resend"}),": is a developer-friendly email API designed to simplify email integration. By incorporating Resend into your ",(0,i.jsx)(r.A,{})," project, you can efficiently send emails. Once set up, your Resend API key will automatically handle the delivery of signup emails, ensuring seamless communication with your users.\nhere is a detail ",(0,i.jsx)(t.a,{href:"/integration/integration-resend",children:"Resend Integration Guide"})]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.img,{src:a(8778).A+"",width:"1309",height:"703"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},4405:(e,t,a)=>{a.d(t,{A:()=>r});a(6540);var n=a(9136),i=a(4848);function s(e){let{children:t,fallback:a}=e;return(0,n.A)()?(0,i.jsx)(i.Fragment,{children:t?.()}):a??null}function r(e){let{children:t}=e;return(0,i.jsx)(s,{children:()=>{const e=function(){return"undefined"==typeof window?"":window.location.hostname}();if("function"==typeof t){const a=t(e);return(0,i.jsx)("div",{className:"markdown markdown--section",children:a})}return(0,i.jsx)("code",{children:e})}})}},4585:(e,t,a)=>{a.d(t,{A:()=>n});const n=a.p+"assets/images/customdatabase-b7bd30adb927f4e0ffbef968f15dacc5.png"},6139:(e,t,a)=>{a.d(t,{A:()=>n});const n=a.p+"assets/images/supabass-addfc4b8381dcc0eabecd1397b4a5c17.png"},6876:(e,t,a)=>{a.d(t,{A:()=>n});const n=a.p+"assets/images/stripepayment-205c66ff58e794fe4fc1e662aa229913.png"},8175:(e,t,a)=>{a.d(t,{A:()=>i});a(6540);var n=a(4848);function i(){return(0,n.jsx)("code",{children:"EZsite"})}},8453:(e,t,a)=>{a.d(t,{R:()=>r,x:()=>o});var n=a(6540);const i={},s=n.createContext(i);function r(e){const t=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(s.Provider,{value:t},e.children)}},8778:(e,t,a)=>{a.d(t,{A:()=>n});const n=a.p+"assets/images/resend-39d55a456511a5698db7822bc6074aaa.png"},9696:(e,t,a)=>{a.d(t,{A:()=>n});const n=a.p+"assets/images/ezsitedatabase-20cccfc319a68ed6e43f83bd04bef698.png"}}]);