{"id":12874,"date":"2024-07-07T08:26:59","date_gmt":"2024-07-07T06:26:59","guid":{"rendered":"https:\/\/flaven.fr\/?post_type=bf_videos_manager&#038;p=12874"},"modified":"2024-07-07T08:43:59","modified_gmt":"2024-07-07T06:43:59","slug":"video-1-scaffold-your-first-vitejs-app-comprehensive-beginners-guide","status":"publish","type":"bf_videos_manager","link":"https:\/\/flaven.fr\/videos\/video-1-scaffold-your-first-vitejs-app-comprehensive-beginners-guide\/","title":{"rendered":"Video #1 Scaffold Your First Vitejs App: Comprehensive Beginner&#8217;s Guide"},"content":{"rendered":"<p><b>This video is part of a post &#8220;Building a Vue.js SPA (Single Page Application) Frontend with FastAPI Backend for AI Integration&#8221;<\/b><\/p>\n<p><b>QUICK DESCRIPTION<\/b><br \/>\nTransitioning from Streamlit to Vue.js: some expeiments made with Vuejs and Vitejs to achieve the migration from a frontrend in Streamlit to Vitejs or Vuejs.<\/p>\n<p>In these videos post, I delve into the process of replacing Streamlit with Vue.js as the frontend for an AI-powered web application, connecting it to an API built with FastAPI. The shift aims to delegate frontend management to a separate team, allowing the AI team to focus on high-value tasks such as fine-tuning and model selection. Discover a simple yet effective architecture for the application, with a tech stack featuring FastAPI, SQLAlchemy, Vue.js, Vuex, and more.<\/p>\n<p><b>URLs<\/b><br \/>\nPOST: <a href=\"https:\/\/wp.me\/p3Vuhl-3lp\" target=\"_blank\" rel=\"noopener\">https:\/\/wp.me\/p3Vuhl-3lp<\/a><br \/>\nCODE: <a href=\"https:\/\/shorturl.at\/jkOOX\" target=\"_blank\" rel=\"noopener\">https:\/\/shorturl.at\/jkOOX<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This video is part of a post &#8220;Building a Vue.js SPA (Single Page Application) Frontend with FastAPI Backend for AI Integration&#8221; QUICK DESCRIPTION Transitioning from&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/videos\/video-1-scaffold-your-first-vitejs-app-comprehensive-beginners-guide\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Video #1 Scaffold Your First Vitejs App: Comprehensive Beginner&#8217;s Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":11806,"comment_status":"open","ping_status":"closed","template":"","bf_videos_manager_tag":[2707,2668,2685,2756,2797,3187,2986,2882,2674,3057,2843],"bf_videos_manager_cat":[2729,3091,2681,2682,2678,2679,2680],"class_list":["post-12874","bf_videos_manager","type-bf_videos_manager","status-publish","has-post-thumbnail","hentry","bf_videos_manager_tag-agile","bf_videos_manager_tag-ai","bf_videos_manager_tag-anaconda","bf_videos_manager_tag-api","bf_videos_manager_tag-artificial-intelligence","bf_videos_manager_tag-backend","bf_videos_manager_tag-chatgpt","bf_videos_manager_tag-creation","bf_videos_manager_tag-database","bf_videos_manager_tag-fastapi","bf_videos_manager_tag-github","bf_videos_manager_cat-agile","bf_videos_manager_cat-ai","bf_videos_manager_cat-development","bf_videos_manager_cat-experiences","bf_videos_manager_cat-python","bf_videos_manager_cat-tutorials","bf_videos_manager_cat-videos"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager\/12874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/bf_videos_manager"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=12874"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager\/12874\/revisions"}],"predecessor-version":[{"id":12875,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager\/12874\/revisions\/12875"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/11806"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=12874"}],"wp:term":[{"taxonomy":"bf_videos_manager_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager_tag?post=12874"},{"taxonomy":"bf_videos_manager_cat","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/bf_videos_manager_cat?post=12874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}