{"id":8350,"date":"2024-09-12T04:49:45","date_gmt":"2024-09-12T04:49:45","guid":{"rendered":"https:\/\/metaschool.so\/articles\/?p=8350"},"modified":"2025-01-16T08:54:46","modified_gmt":"2025-01-16T08:54:46","slug":"cursor-ai-code-editor","status":"publish","type":"post","link":"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/","title":{"rendered":"How to Code with Cursor AI: Comprehensive Guide for 2025"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_56_1 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/#What_is_Cursor_AI\" title=\"What is Cursor AI?\">What is Cursor AI?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/#Why_Use_Cursor_AI_for_Coding\" title=\"Why Use Cursor AI for Coding?\">Why Use Cursor AI for Coding?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/#Setting_Up_a_React-based_Application_with_Cursor_AI\" title=\"Setting Up a React-based Application with Cursor AI\">Setting Up a React-based Application with Cursor AI<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/#Running_Your_Application\" title=\"Running Your Application\">Running Your Application<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/#Key_Takeaways\" title=\"Key Takeaways\">Key Takeaways<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/#Is_Cursor_AI_the_Right_AI_Code_Editor_for_You\" title=\"Is Cursor AI the Right AI Code Editor for You?\">Is Cursor AI the Right AI Code Editor for You?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/metaschool.so\/articles\/cursor-ai-code-editor\/#FAQs\" title=\"FAQs\">FAQs<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>Artificial intelligence integration into coding practices is becoming more and more crucial in the quickly changing field of software development. Leading this change is Cursor, a cutting-edge AI-powered code editor that provides developers with a number of sophisticated tools to improve and expedite the coding process.<\/p>\n\n\n\n<p>This thorough guide is designed to help you effectively structure a React-based application by utilizing Cursor AI&#8217;s capabilities. You will acquire a comprehensive understanding of how to use this tool efficiently as we work through the fundamental ideas and move on to creating production-level environments.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_Cursor_AI\"><\/span>What is Cursor AI?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1424\" height=\"544\" src=\"https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-12-at-10.17.25\u202fAM.png\" alt=\"Cursor AI Code Editor\" class=\"wp-image-8358\" srcset=\"https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-12-at-10.17.25\u202fAM.png 1424w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-12-at-10.17.25\u202fAM-300x115.png 300w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-12-at-10.17.25\u202fAM-1024x391.png 1024w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-12-at-10.17.25\u202fAM-150x57.png 150w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-12-at-10.17.25\u202fAM-768x293.png 768w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-12-at-10.17.25\u202fAM-1320x504.png 1320w\" sizes=\"auto, (max-width: 1424px) 100vw, 1424px\" \/><\/figure>\n<\/div>\n\n\n<p><a href=\"https:\/\/www.cursor.com\/\" target=\"_blank\" rel=\"noopener\">Cursor AI<\/a> is a <a href=\"https:\/\/metaschool.so\/articles\/what-is-generative-ai\/\">Generative AI<\/a> integrated development environment (IDE) that helps developers write and optimize code faster. The tool simplifies coding for beginners by assisting with structuring, debugging, and scaling projects.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Why_Use_Cursor_AI_for_Coding\"><\/span>Why Use Cursor AI for Coding?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AI Assistance:<\/strong> Cursor AI helps by generating code snippets, suggesting code structures, and automating repetitive coding tasks.<\/li>\n\n\n\n<li><strong>Production-Ready Code:<\/strong> It\u2019s designed to handle production-level environments, making it a valuable tool for both beginners and experienced developers.<\/li>\n\n\n\n<li><strong>Efficiency:<\/strong> Cursor AI integrates seamlessly with front-end frameworks like React, allowing developers to focus on building their apps while the tool handles the tedious parts.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Setting_Up_a_React-based_Application_with_Cursor_AI\"><\/span>Setting Up a React-based Application with Cursor AI<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Understanding React<\/h3>\n\n\n\n<p>React is a JavaScript library created by Meta (formerly Facebook) for building user interfaces. It\u2019s widely used for web applications due to its modular structure and reusable components.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Structuring a React App<\/h3>\n\n\n\n<p>When setting up a React application, the <strong>app.js<\/strong> file is where everything is rendered. You can think of this file as the backbone of your application. All components and pages will be imported into this file for rendering.<\/p>\n\n\n\n<p>Here\u2019s an outline of a typical React app structure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Source Folder:<\/strong> This is where all the front-end components are stored, including images, styles, and JavaScript files.<\/li>\n\n\n\n<li><strong>Assets Folder:<\/strong> Within the source folder, you might want to create an <strong>assets<\/strong> folder to store media like images or GIFs.<\/li>\n\n\n\n<li><strong>Homepage Folder:<\/strong> Create a dedicated folder for each page, such as the <strong>homepage<\/strong>, where you will store the JavaScript (JS) and CSS files separately.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Separating JS and CSS<\/h3>\n\n\n\n<p>One of the first rules of structuring in React is to separate your JavaScript and CSS files. This allows for better organization and scalability. By separating these files, you can easily manage your codebase as the project grows.<\/p>\n\n\n\n<p>For example, in the homepage folder, create two files:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>homepage.js<\/strong>: The JavaScript file that contains the functional logic.<\/li>\n\n\n\n<li><strong>homepage.css<\/strong>: The CSS file that handles the styling of the page.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Optimizing Media Files<\/h3>\n\n\n\n<p>It\u2019s crucial to optimize images for faster loading times. Formats like JPEG or WebP are commonly used to minimize file sizes without sacrificing quality. This is essential for ensuring a smooth user experience on your website.<\/p>\n\n\n\n<p><strong>Using Cursor AI for Structuring<\/strong><\/p>\n\n\n\n<p>Cursor AI can help with basic coding tasks, such as generating the initial structure for your React app. Here\u2019s how you can use it effectively:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Generate a Homepage:<\/strong> You can prompt Cursor AI to generate a homepage with a button, like \u201cThat was easy,\u201d and apply basic interactivity, such as changing the button color when clicked.<\/li>\n\n\n\n<li><strong>Create CSS Classes:<\/strong> Cursor AI can automatically generate CSS classes for various components, helping you maintain a clean separation of concerns between styling and logic.<\/li>\n<\/ul>\n\n\n\n<p>For example, you can ask Cursor AI to create a simple homepage with the following command:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#272822\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"Build me a React-based homepage that has a button in the middle that says 'That was easy'. When I click the button, turn it blue.\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki monokai\" style=\"background-color: #272822\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F8F8F2\">Build me a React<\/span><span style=\"color: #F92672\">-<\/span><span style=\"color: #F8F8F2\">based homepage that has a button <\/span><span style=\"color: #F92672\">in<\/span><span style=\"color: #F8F8F2\"> the middle that says <\/span><span style=\"color: #E6DB74\">&#39;That was easy&#39;<\/span><span style=\"color: #F8F8F2\">. When I click the button, turn it blue.<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>The AI will generate the necessary code to implement this functionality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Improving Generated Code<\/h3>\n\n\n\n<p>While Cursor AI is helpful, it\u2019s important to refine the generated code to suit production environments. For instance, the AI might include CSS within JavaScript, which is not ideal for large projects. You should always extract the CSS into a separate file for scalability.<\/p>\n\n\n\n<p>You can also improve the code by renaming class names and variables to something more meaningful, especially if you plan on expanding your project. For example, instead of\u2063 <code>buttonClicked<\/code>, you might want to rename it to <code>homepageButtonClicked<\/code> to avoid conflicts in larger codebases.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Running_Your_Application\"><\/span>Running Your Application<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Once you\u2019ve structured your app, running it locally is easy. You can use the command:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#272822\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"npm start\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki monokai\" style=\"background-color: #272822\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #A6E22E\">npm<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">start<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>This will open a new window in your browser running the app on <strong>localhost:3000<\/strong>. The AI-generated code will now be rendered on the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Key_Takeaways\"><\/span>Key Takeaways<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>React as a Framework:<\/strong> React is an incredibly powerful tool for building modern web applications. Its modularity and flexibility make it a go-to choice for developers.<\/li>\n\n\n\n<li><strong>Separation of Concerns:<\/strong> Always keep your JavaScript and CSS separate for better scalability and maintainability.<\/li>\n\n\n\n<li><strong>Leveraging Cursor AI:<\/strong> Cursor AI can speed up your development process by generating basic code snippets, but always review and refine the code for production use.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Is_Cursor_AI_the_Right_AI_Code_Editor_for_You\"><\/span>Is Cursor AI the Right AI Code Editor for You?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Cursor AI is a useful learning aid for beginners, offering instant feedback and recommendations that can speed up the learning process. For those who are just beginning to learn to code, its intuitive interface and integration with common existing tools like VS Code make it both accessible and useful. Cursor can produce useful code, but it&#8217;s important to understand that the results aren&#8217;t always suitable for large-scale production settings. If AI-generated code is not thoroughly examined and improved, it may occasionally lack the effectiveness and quality needed for sophisticated applications, which could result in technical debt.<\/p>\n\n\n\n<p>You&#8217;ll develop the ability to know when to take manual control and when to rely on AI support as your experience grows. By combining your own coding skills with AI-generated recommendations, you can make sure the finished product satisfies performance and maintainability requirements. It&#8217;s also important to keep improving your coding skills on your own because relying too much on AI tools can degrade your skills.<\/p>\n\n\n\n<p>Cursor AI provides a helpful environment for novices to start their coding adventures by offering resources that make the early phases of development easier. However, human oversight and manual refinement become essential to achieving the best results as projects grow in size and complexity. AI support and human knowledge can be combined to help developers build scalable, reliable apps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cursor AI Code Editor Pricing<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1416\" height=\"547\" src=\"https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-11-at-6.29.39\u202fPM.png\" alt=\"Cursor AI Code Editor Pricing\" class=\"wp-image-8352\" style=\"width:738px;height:auto\" srcset=\"https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-11-at-6.29.39\u202fPM.png 1416w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-11-at-6.29.39\u202fPM-300x116.png 300w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-11-at-6.29.39\u202fPM-1024x396.png 1024w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-11-at-6.29.39\u202fPM-150x58.png 150w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-11-at-6.29.39\u202fPM-768x297.png 768w, https:\/\/metaschool.so\/articles\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-11-at-6.29.39\u202fPM-1320x510.png 1320w\" sizes=\"auto, (max-width: 1416px) 100vw, 1416px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Congratulations on completing this comprehensive guide on utilizing Cursor AI to structure and optimize React applications. The intelligent features of Cursor AI, like code generation, real-time code completion, and multi-line edits, simplify the development process so you can concentrate on creating robust and efficient applications.<\/p>\n\n\n\n<p>Following best practices for project organization and structure will help you create scalable and maintainable codebases as you continue to develop React applications. Important steps in achieving this goal include implementing clear and consistent file and folder structures, along with effective naming conventions. Adopting AI-powered tools such as Cursor AI not only speeds up your coding but also creates new opportunities for software development efficiency and creativity. <\/p>\n\n\n\n<p>Part of being a good programmer or developer is curiosity. Curiosity to keep experimenting and trying new ways of doing things. Happy Coding!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1726059485669\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What is Cursor AI?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Cursor AI is an AI-powered coding assistant designed to help developers write, debug, and optimize code efficiently. It integrates with popular coding environments and uses advanced machine learning models, including large language models (LLMs), to offer features like code suggestions, auto-completion, error detection, and explanations.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1727899524127\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Is Cursor AI Editor Free?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>In the Free tier, Cursir AI offers: Pro two-week trial, 2000 completions, and 50 slow premium requests. But to make full use of the Cursor AI code editor you&#8217;ll need to purchase the premium starting at $20\/month.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":11026,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[344],"tags":[],"class_list":["post-8350","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artificial-intelligence"],"_links":{"self":[{"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/posts\/8350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/comments?post=8350"}],"version-history":[{"count":9,"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/posts\/8350\/revisions"}],"predecessor-version":[{"id":11905,"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/posts\/8350\/revisions\/11905"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/media\/11026"}],"wp:attachment":[{"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/media?parent=8350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/categories?post=8350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/metaschool.so\/articles\/wp-json\/wp\/v2\/tags?post=8350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}