{"id":33345,"date":"2025-05-08T17:20:43","date_gmt":"2025-05-08T17:20:43","guid":{"rendered":"https:\/\/www.duck9.com\/blog\/?p=33345"},"modified":"2025-05-08T13:20:52","modified_gmt":"2025-05-08T17:20:52","slug":"wordpress-post-by-manny-bernabe-on-replit-notion","status":"publish","type":"post","link":"https:\/\/www.duck9.com\/blog\/wordpress-post-by-manny-bernabe-on-replit-notion\/","title":{"rendered":"WordPress Post by Manny Bernabe on Replit Notion"},"content":{"rendered":"<div class=\"postie-post\">\n<div>\n<div dir=\"ltr\"><img decoding=\"async\" alt=\"image1.png\" src=\"https:\/\/www.duck9.com\/wp-content\/uploads\/2025\/05\/image1-5.png\"><\/p>\n<p><a href=\"https:\/\/x.com\/mannybernabe\/status\/1920514745427218818?s=43\"><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"border:1px solid #ccd6dd; border-radius: 12px;\" width=\"500\" bgcolor=\"#ffffff\">\n<tbody>\n<tr>\n<td colspan=\"3\" style=\"font-size: 0px; line-height: 0px;\" height=\"12\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td width=\"18\" style=\"font-size: 0px; line-height: 0px; min-width: 18px;\">&nbsp;<\/td>\n<td>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"464\" align=\"left\">\n<tbody>\n<tr valign=\"top\">\n<td width=\"48\" valign=\"top\"><a href=\"https:\/\/x.com\/mannybernabe?s=43\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pbs.twimg.com\/profile_images\/1687156446511710220\/6t1y2wMU_normal.jpg\" style=\"border-radius: 50%; padding: 0px;\" height=\"48\" width=\"48\" data-unique-identifier=\"\"><\/a><\/td>\n<td width=\"8\" style=\"font-size: 0px; line-height: 0px; min-width:8px;\"><img decoding=\"async\" src=\"https:\/\/ea.twimg.com\/email\/self_serve\/media\/spacer.png\" width=\"8\" data-unique-identifier=\"\"><\/td>\n<td valign=\"middle\" width=\"388\" style=\"min-width: 388px;\">\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"left\" width=\"388\">\n<tbody>\n<tr>\n<td align=\"left\" width=\"388\"><b><a href=\"https:\/\/x.com\/mannybernabe?s=43\" style=\"font-family: Helvetica, Arial, san-serif; font-size: 14px; line-height: 18px; color: #292c2f; text-decoration: none;\">Manny Bernabe<\/a><\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><a href=\"https:\/\/x.com\/mannybernabe?s=43\" style=\"font-family: Helvetica, Arial, san-serif; font-size: 14px; line-height: 18px; text-decoration: none; color: #7e8c98;\">\u2066\u202a@MannyBernabe\u202c\u2069<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td valign=\"top\" width=\"20\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ea.twimg.com\/email\/self_serve\/media\/logo_twitter-1497383721365.png\" height=\"20\" width=\"24\" data-unique-identifier=\"\"><\/td>\n<\/tr>\n<tr>\n<td height=\"9\" colspan=\"4\" style=\"font-size: 0px; line-height:0px;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ea.twimg.com\/self_serve\/media\/spacer_464x1-1582829598167.png\" width=\"464\" height=\"1\" data-unique-identifier=\"\"><\/td>\n<\/tr>\n<tr>\n<td colspan=\"4\" style=\"font-family: Helvetica, Arial, san-serif;color: #292c2f; font-size: 18px; line-height: 24px; text-decoration: none;\">Notion is great for internal organization and collaboration, but what if you want to turn that content into a public-facing experience?<\/p>\n<p>Using Replit\u2019s new Notion integration, I built a customer support page template that does exactly that.<\/p>\n<p>It connects your Notion databases to: <a href=\"https:\/\/t.co\/pg7sguz0Qa\"><span>pic.x.com\/pg7sguz0Qa<\/span><\/a><\/td>\n<\/tr>\n<tr>\n<td height=\"3\" colspan=\"4\" style=\"font-size: 0px; line-height:0px;\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td colspan=\"4\"><a href=\"https:\/\/x.com\/mannybernabe\/status\/1920514745427218818?s=43\" style=\"font-family: Helvetica, Arial, san-serif;color: #667785; font-size: 14px; line-height: 18px; text-decoration:none;\">5\/8\/25, 11:22\u202fAM<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"18\" style=\"font-size: 0px; line-height: 0px; min-width: 18px;\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td colspan=\"3\" style=\"font-size: 0px; line-height: 0px;\" height=\"12\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/a><\/div>\n<p><br id=\"lineBreakAtBeginningOfSignature\"><\/p>\n<div dir=\"ltr\">\n<div dir=\"ltr\">\n<div dir=\"ltr\"><a href=\"https:\/\/x.com\/mannybernabe\/status\/1920516360439754974?s=43\"><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"500\" bgcolor=\"#ffffff\" style=\"border: 1px solid rgb(204, 214, 221); border-radius: 12px;\">\n<tbody>\n<tr>\n<td colspan=\"3\" height=\"12\" style=\"font-size: 0px; line-height: 0px;\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td width=\"18\" style=\"font-size: 0px; line-height: 0px; min-width: 18px;\">&nbsp;<\/td>\n<td>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"464\" align=\"left\">\n<tbody>\n<tr valign=\"top\">\n<td width=\"48\" valign=\"top\"><a href=\"https:\/\/x.com\/mannybernabe?s=43\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.duck9.com\/wp-content\/uploads\/2025\/05\/6t1y2wMU_normal.jpg\" height=\"48\" width=\"48\" alt=\"6t1y2wMU_normal.jpg\" style=\"border-radius: 50%; padding: 0px;\"><\/a><\/td>\n<td width=\"8\" style=\"font-size: 0px; line-height: 0px; min-width: 8px;\"><img decoding=\"async\" src=\"https:\/\/ea.twimg.com\/email\/self_serve\/media\/spacer.png\" width=\"8\" data-unique-identifier=\"\"><\/td>\n<td valign=\"middle\" width=\"388\" style=\"min-width: 388px;\">\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"left\" width=\"388\">\n<tbody>\n<tr>\n<td align=\"left\" width=\"388\"><b><a href=\"https:\/\/x.com\/mannybernabe?s=43\" style=\"font-family: Helvetica, Arial, san-serif; font-size: 14px; line-height: 18px; color: rgb(41, 44, 47); text-decoration: none;\">Manny Bernabe<\/a><\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><a href=\"https:\/\/x.com\/mannybernabe?s=43\" style=\"font-family: Helvetica, Arial, san-serif; font-size: 14px; line-height: 18px; text-decoration: none; color: rgb(126, 140, 152);\">\u2066\u202a@MannyBernabe\u202c\u2069<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td valign=\"top\" width=\"20\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ea.twimg.com\/email\/self_serve\/media\/logo_twitter-1497383721365.png\" height=\"20\" width=\"24\" data-unique-identifier=\"\"><\/td>\n<\/tr>\n<tr>\n<td height=\"9\" colspan=\"4\" style=\"font-size: 0px; line-height: 0px;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ea.twimg.com\/self_serve\/media\/spacer_464x1-1582829598167.png\" width=\"464\" height=\"1\" data-unique-identifier=\"\"><\/td>\n<\/tr>\n<tr>\n<td colspan=\"4\" style=\"font-family: Helvetica, Arial, san-serif; color: rgb(41, 44, 47); font-size: 18px; line-height: 24px;\">Detailed instructions below, but in short:<br \/>1.Remix the Replit template<br \/>2. Add your secrets<br \/>3. Duplicate the Notion page template<br \/>4. Prompt the Agent to set up and customize your portal<\/p>\n<p><a href=\"https:\/\/t.co\/G33cWJxY8O\">notion.so\/mannybernabe\/I\u2026<\/a><\/td>\n<\/tr>\n<tr>\n<td height=\"3\" colspan=\"4\" style=\"font-size: 0px; line-height: 0px;\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td colspan=\"4\"><a href=\"https:\/\/x.com\/mannybernabe\/status\/1920516360439754974?s=43\" style=\"font-family: Helvetica, Arial, san-serif; color: rgb(102, 119, 133); font-size: 14px; line-height: 18px; text-decoration: none;\">5\/8\/25, 11:29\u202fAM<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"18\" style=\"font-size: 0px; line-height: 0px; min-width: 18px;\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td colspan=\"3\" height=\"12\" style=\"font-size: 0px; line-height: 0px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/a><\/div>\n<p><br id=\"lineBreakAtBeginningOfSignature\"><\/p>\n<div dir=\"ltr\">Detailed instructions below, but in short:<\/div>\n<div id=\"AppleMailSignature\" dir=\"ltr\">1.Remix the Replit template<\/div>\n<div id=\"AppleMailSignature\" dir=\"ltr\">2. Add your secrets<\/div>\n<div id=\"AppleMailSignature\" dir=\"ltr\">3. Duplicate the Notion page template<\/div>\n<div dir=\"ltr\">4. Prompt the Agent to set up and customize your portal from my iPhone<\/div>\n<p><a href=\"https:\/\/x.com\/mannybernabe\/status\/1920519666746745144?s=43\"><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"500\" bgcolor=\"#ffffff\" style=\"border: 1px solid rgb(204, 214, 221); border-radius: 12px;\">\n<tbody>\n<tr>\n<td colspan=\"3\" height=\"12\" style=\"font-size: 0px; line-height: 0px;\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td width=\"18\" style=\"font-size: 0px; line-height: 0px; min-width: 18px;\">&nbsp;<\/td>\n<td>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"464\" align=\"left\">\n<tbody>\n<tr valign=\"top\">\n<td width=\"48\" valign=\"top\"><a href=\"https:\/\/x.com\/mannybernabe?s=43\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.duck9.com\/wp-content\/uploads\/2025\/05\/6t1y2wMU_normal-1.jpg\" height=\"48\" width=\"48\" style=\"border-radius: 50%; padding: 0px;\" alt=\"6t1y2wMU_normal.jpg\"><\/a><\/td>\n<td width=\"8\" style=\"font-size: 0px; line-height: 0px; min-width: 8px;\"><img decoding=\"async\" src=\"https:\/\/ea.twimg.com\/email\/self_serve\/media\/spacer.png\" width=\"8\" data-unique-identifier=\"\"><\/td>\n<td valign=\"middle\" width=\"388\" style=\"min-width: 388px;\">\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"left\" width=\"388\">\n<tbody>\n<tr>\n<td align=\"left\" width=\"388\"><b><a href=\"https:\/\/x.com\/mannybernabe?s=43\" style=\"font-family: Helvetica, Arial, san-serif; font-size: 14px; line-height: 18px; color: rgb(41, 44, 47); text-decoration: none;\">Manny Bernabe<\/a><\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><a href=\"https:\/\/x.com\/mannybernabe?s=43\" style=\"font-family: Helvetica, Arial, san-serif; font-size: 14px; line-height: 18px; text-decoration: none; color: rgb(126, 140, 152);\">\u2066\u202a@MannyBernabe\u202c\u2069<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td valign=\"top\" width=\"20\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ea.twimg.com\/email\/self_serve\/media\/logo_twitter-1497383721365.png\" height=\"20\" width=\"24\" data-unique-identifier=\"\"><\/td>\n<\/tr>\n<tr>\n<td height=\"9\" colspan=\"4\" style=\"font-size: 0px; line-height: 0px;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ea.twimg.com\/self_serve\/media\/spacer_464x1-1582829598167.png\" width=\"464\" height=\"1\" data-unique-identifier=\"\"><\/td>\n<\/tr>\n<tr>\n<td colspan=\"4\" style=\"font-family: Helvetica, Arial, san-serif; color: rgb(41, 44, 47); font-size: 18px; line-height: 24px;\">What I really love about this setup:<\/p>\n<p>1. Custom front-end with Replit<br \/>Replit gives you the freedom to build unique, interactive experiences, like the AI chatbots, forms, etc.&nbsp;<\/p>\n<p>2. Real-time read from Notion<br \/>No need to set up and manage a separate backend. Just maintain one Notion<\/td>\n<\/tr>\n<tr>\n<td height=\"3\" colspan=\"4\" style=\"font-size: 0px; line-height: 0px;\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td colspan=\"4\"><a href=\"https:\/\/x.com\/mannybernabe\/status\/1920519666746745144?s=43\" style=\"font-family: Helvetica, Arial, san-serif; color: rgb(102, 119, 133); font-size: 14px; line-height: 18px; text-decoration: none;\">5\/8\/25, 11:42\u202fAM<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td width=\"18\" style=\"font-size: 0px; line-height: 0px; min-width: 18px;\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td colspan=\"3\" height=\"12\" style=\"font-size: 0px; line-height: 0px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/a><\/div>\n<p><br id=\"lineBreakAtBeginningOfSignature\"><\/p>\n<div id=\"AppleMailSignature\" dir=\"ltr\">Sent<img decoding=\"async\" alt=\"image2.jpeg\" src=\"https:\/\/www.duck9.com\/wp-content\/uploads\/2025\/05\/image2-14.jpeg\"><img decoding=\"async\" alt=\"image7.jpeg\" src=\"https:\/\/www.duck9.com\/wp-content\/uploads\/2025\/05\/image7-4.jpeg\"><img decoding=\"async\" alt=\"image8.jpeg\" src=\"https:\/\/www.duck9.com\/wp-content\/uploads\/2025\/05\/image8-2.jpeg\"><img decoding=\"async\" alt=\"image9.jpeg\" src=\"https:\/\/www.duck9.com\/wp-content\/uploads\/2025\/05\/image9-2.jpeg\"><img decoding=\"async\" alt=\"image10.jpeg\" src=\"https:\/\/www.duck9.com\/wp-content\/uploads\/2025\/05\/image10-2-rotated.jpeg\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Manny Bernabe \u2066\u202a@MannyBernabe\u202c\u2069 Notion is great for internal organization and collaboration, but what if you want to turn that content into a public-facing experience? Using Replit\u2019s new Notion integration, I built a customer support page template that does exactly that. It connects your Notion databases to: pic.x.com\/pg7sguz0Qa &nbsp; 5\/8\/25, 11:22\u202fAM &nbsp; &nbsp; &nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":33346,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-33345","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/posts\/33345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/comments?post=33345"}],"version-history":[{"count":0,"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/posts\/33345\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/media\/33346"}],"wp:attachment":[{"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/media?parent=33345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/categories?post=33345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.duck9.com\/blog\/wp-json\/wp\/v2\/tags?post=33345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}