[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fe4db5466-1670-470f-8f9e-9a169459034f":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":86,"links":87,"dates":94},"\u002Fexamples\u002Fscreens\u002Fe4db5466-1670-470f-8f9e-9a169459034f","detail","pages",true,{"title":9,"description":10,"og_image":11},"Databases - Overview - Appwrite - Nicelydone","Screen UI design example from Appwrite. it includes a dark-themed interface with a two-column layout. The top header features the Appwrite logo, a 'Docs'…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4db5466-1670-470f-8f9e-9a169459034f.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Databases - Overview - Appwrite",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Appwrite. it includes a dark-themed interface with a two-column layout. The top header features the Appwrite logo, a 'Docs' title, a search input field with a keyboard shortcut hint, a GitHub stars count with an icon, and a prominent 'Start project' call-to-action button. The left column serves as a vertical navigation bar, categorized into 'Getting Started', 'Concepts', and 'Journeys', listing various documentation topics like 'Overview', 'Quick start', 'Databases', 'Tables', 'Rows', 'Permissions', 'Relationships', 'Queries', 'Order', 'Operators', 'Geo queries', 'Backups', 'Pagination', 'Transactions', 'Type generation', 'Offline sync', and 'Bulk operations'. The main content area on the right displays the primary title 'Databases' in a large, bold font, followed by descriptive text about Appwrite Databases. An informational alert box highlights a related topic, 'Looking for file storage?', with a link to 'Appwrite Storage'. Further down, there's more explanatory text, a 'Quick start' link, a feedback section with 'Was this page helpful?' and thumbs up\u002Fdown icons, and an 'Update on GitHub' link. The bottom footer contains social media icons (Discord, X, LinkedIn, YouTube, Hashnode, Butterfly, TikTok, Instagram), a theme switcher dropdown ('Dark'), 'Support', 'Status' links, and copyright information. The typography uses a clean sans-serif font throughout, with clear hierarchy established by varying font sizes and weights for titles, headings, and body text. The color palette is predominantly dark grey with white\u002Flight grey text, and a vibrant pink accent color for the main call-to-action button.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":55,"app":68},"e4db5466-1670-470f-8f9e-9a169459034f","it includes a dark-themed interface with a two-column layout. The top header features the Appwrite logo, a 'Docs' title, a search input field with a keyboard shortcut hint, a GitHub stars count with an icon, and a prominent 'Start project' call-to-action button. The left column serves as a vertical navigation bar, categorized into 'Getting Started', 'Concepts', and 'Journeys', listing various documentation topics like 'Overview', 'Quick start', 'Databases', 'Tables', 'Rows', 'Permissions', 'Relationships', 'Queries', 'Order', 'Operators', 'Geo queries', 'Backups', 'Pagination', 'Transactions', 'Type generation', 'Offline sync', and 'Bulk operations'. The main content area on the right displays the primary title 'Databases' in a large, bold font, followed by descriptive text about Appwrite Databases. An informational alert box highlights a related topic, 'Looking for file storage?', with a link to 'Appwrite Storage'. Further down, there's more explanatory text, a 'Quick start' link, a feedback section with 'Was this page helpful?' and thumbs up\u002Fdown icons, and an 'Update on GitHub' link. The bottom footer contains social media icons (Discord, X, LinkedIn, YouTube, Hashnode, Butterfly, TikTok, Instagram), a theme switcher dropdown ('Dark'), 'Support', 'Status' links, and copyright information. The typography uses a clean sans-serif font throughout, with clear hierarchy established by varying font sizes and weights for titles, headings, and body text. The color palette is predominantly dark grey with white\u002Flight grey text, and a vibrant pink accent color for the main call-to-action button.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing",3024,1888,"Databases - Overview - Appwrite from Appwrite","2026-07-07T08:00:53.000Z","screen",[37,46],{"id":38,"label":39,"slug":40,"rank":41,"group":42},78,"Article","article",0,{"id":43,"label":44,"slug":45},15,"Marketing Page Types","marketing-page-types",{"id":47,"label":48,"slug":49,"rank":50,"group":51},118,"Help","help",1,{"id":52,"label":53,"slug":54},12,"States & Feedback","states-and-feedback",[56,60,64],{"id":57,"title":58,"slug":59},175,"Button","button",{"id":61,"title":62,"slug":63},277,"Button group","button-group",{"id":65,"title":66,"slug":67},167,"Alert","alert",{"slug":69,"title":70,"logo":71,"baseline":72,"categories":73},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[74,78,82],{"id":75,"title":76,"slug":77},48,"Developer Tools","developer-tools",{"id":79,"title":80,"slug":81},37,"Developer APIs","developer-apis",{"id":83,"title":84,"slug":85},45,"Open Source","open-source",[],[88,90,92],{"label":39,"to":89},"\u002Fexamples\u002Fpages\u002Farticle",{"label":91,"to":30},"Appwrite screen designs",{"label":93,"to":18},"All screen examples",{"published_at":95,"updated_at":96},"2026-07-07T07:01:46.000Z","2026-07-07T08:01:51.861Z"]