{"id":5,"date":"2025-11-04T15:19:38","date_gmt":"2025-11-04T15:19:38","guid":{"rendered":"https:\/\/jaedpro.com\/wp-react-panel\/?post_type=docs&#038;p=5"},"modified":"2025-11-04T20:29:33","modified_gmt":"2025-11-04T20:29:33","password":"","slug":"introduction","status":"publish","type":"docs","link":"https:\/\/jaedpro.com\/wp-react-panel\/docs\/introduction\/","title":{"rendered":"Introduction"},"content":{"rendered":"\n<p><a href=\"https:\/\/github.com\/jaedm97\/wp-react-panel#wpreactpanel--wp-react-admin-settings-builder\"><\/a>Create a beautiful WordPress plugin settings page with React, ShadCDN UI, and TypeScript, easily and quickly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is inside?<\/h3>\n\n\n\n<p>WPReactPanel combines modern frontend technologies with WordPress&#8217;s powerful backend to deliver a seamless admin experience.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>React &amp; TypeScript<\/strong><br>Built with the latest React and full TypeScript support for type-safe, maintainable code with excellent developer experience.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>ShadCN UI &amp; Tailwind CSS<\/strong><br>Beautiful, accessible UI components powered by Radix UI primitives and styled with Tailwind&#8217;s utility-first approach. Get a professional, responsive admin interface out of the box.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WordPress REST API<\/strong><br>Native integration with WordPress through REST API endpoints. All settings are saved securely using WordPress&#8217;s options system.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>PHP Backend<\/strong><br>Clean PHP API for defining settings structure, handling menu registration, security, and validation.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Key Features<\/h3>\n\n\n\n<p>Here are some key features of this framework. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>9+ field types out of the box. <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9b51e0\" class=\"has-inline-color\">More fields will come soon<\/mark><\/li>\n\n\n\n<li>Custom validation support<\/li>\n\n\n\n<li>Beautiful, responsive UI<\/li>\n\n\n\n<li>Zero configuration for basic setup<\/li>\n\n\n\n<li>WordPress-native integration<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Who Is This For?<\/h3>\n\n\n\n<p>If you are any of the following user groups, then this is just a helping hand for you.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WordPress Plugin Developers<\/li>\n\n\n\n<li>Theme Developers<\/li>\n\n\n\n<li>Agencies Building Custom Solutions<\/li>\n\n\n\n<li>Want Modern Admin Interfaces<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Create a beautiful WordPress plugin settings page with React, ShadCDN UI, and TypeScript, easily and quickly. What is inside? WPReactPanel combines modern frontend technologies with WordPress&#8217;s powerful backend to deliver a seamless admin experience. Key Features Here are some key features of this framework. Who Is This For? If you are any of the following [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[3],"doc_tag":[],"class_list":["post-5","docs","type-docs","status-publish","hentry","doc_category-quick-start"],"blocksy_meta":[],"year_month":"2026-05","word_count":184,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Jaed Mosharraf","author_nicename":"jaedm97","author_url":"https:\/\/jaedpro.com\/wp-react-panel\/author\/jaedm97\/"},"doc_category_info":[{"term_name":"Quick Start","term_url":"https:\/\/jaedpro.com\/wp-react-panel\/docs-category\/quick-start\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/docs\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":10,"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/docs\/5\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/docs\/5\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/media?parent=5"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/doc_category?post=5"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/jaedpro.com\/wp-react-panel\/wp-json\/wp\/v2\/doc_tag?post=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}