From f4ef3445773c3eb95c24d9efe610cf3a555685c5 Mon Sep 17 00:00:00 2001 From: Demis Bellot Date: Sun, 3 Dec 2023 12:23:33 +0800 Subject: [PATCH] update with latest templates --- MyApp/Pages/Index.cshtml | 40 +++++++++---------- MyApp/_videos/projects/blazor-vue.md | 16 ++++++++ MyApp/_videos/projects/blazor.md | 13 ++++++ MyApp/_videos/projects/modern-vue-js.md | 18 +++++++++ MyApp/_videos/projects/nextjs.md | 10 ++--- MyApp/_videos/projects/razor-press.md | 4 +- MyApp/_videos/projects/razor-ssg.md | 4 +- MyApp/_videos/projects/vue-spa.md | 13 ++++++ .../projects/{ultimate-vue.md => vue-ssg.md} | 8 ++-- MyApp/_videos/vue/video2.md | 8 ++-- 10 files changed, 98 insertions(+), 36 deletions(-) create mode 100644 MyApp/_videos/projects/blazor-vue.md create mode 100644 MyApp/_videos/projects/blazor.md create mode 100644 MyApp/_videos/projects/modern-vue-js.md create mode 100644 MyApp/_videos/projects/vue-spa.md rename MyApp/_videos/projects/{ultimate-vue.md => vue-ssg.md} (74%) diff --git a/MyApp/Pages/Index.cshtml b/MyApp/Pages/Index.cshtml index cc55459..802d417 100644 --- a/MyApp/Pages/Index.cshtml +++ b/MyApp/Pages/Index.cshtml @@ -57,45 +57,45 @@
-
-

SPA Templates

+
+

SSR Templates

- -
Blazor WASM
+ +
Blazor
- -
Vue Vite
+ +
Blazor
+
+
+
+
+
+

SPA Templates

+
- +
Blazor WASM
-
-
-
-
-
-

SSR Templates

-
- -
Blazor Server
+ +
Vue Vite
diff --git a/MyApp/_videos/projects/blazor-vue.md b/MyApp/_videos/projects/blazor-vue.md new file mode 100644 index 0000000..9f71c21 --- /dev/null +++ b/MyApp/_videos/projects/blazor-vue.md @@ -0,0 +1,16 @@ +--- +title: Fast, SEO-friendly, Blazor Static Rendered Apps with Vue +url: https://youtu.be/ujbTGn4IwFs +tags: [blazor, tailwind, vue] +date: 22-11-2023 +order: 1 +--- + +The new **Blazor Vue** template is ideal for building Fast, SEO-friendly, 100% statically rendered Blazor Web Apps where +all its dynamic functionally uses Vue.js to progressively enhance Blazor's statically rendered content - eliminating Blazor's +current limitations of being able to use Blazor SSR to develop an entire App without any of Blazor Interactivity downsides. + +The new [blazor-vue](/posts/net8-best-blazor) template implements all the features of the [blazor](/posts/net8-blazor-template) +template but reimplements all its interactive features with **Vue.js** to and the +[Vue Components library](https://docs.servicestack.net/vue/), with both templates combining the latest advancements in +Blazor .NET 8 with **Tailwind CSS** styling for creating beautiful Responsive Websites with support for Dark Mode. diff --git a/MyApp/_videos/projects/blazor.md b/MyApp/_videos/projects/blazor.md new file mode 100644 index 0000000..8f63673 --- /dev/null +++ b/MyApp/_videos/projects/blazor.md @@ -0,0 +1,13 @@ +--- +title: Blazor Tailwind App for .NET 8 +url: https://youtu.be/hqyozHSL0Nk +tags: [blazor, tailwind] +date: 21-11-2023 +order: 2 +--- + +ServiceStack's new Blazor project template takes advantage of .NET 8 Blazor's new features that redefines modern Web +Development in C# which we explore in this video overview, covering how the template adopts Blazor's familiar ASP.NET +Core Identity and Entity Framework for its authentication, utilizes the modern Tailwind CSS framework for beautiful +responsive design and adopts .NET's best-practice Docker Containerization support for its built-in GitHub Action +Deployments - enabling a simple ready-made CI solution for deployment to any Linux Host via SSH and Docker compose. \ No newline at end of file diff --git a/MyApp/_videos/projects/modern-vue-js.md b/MyApp/_videos/projects/modern-vue-js.md new file mode 100644 index 0000000..9b657c6 --- /dev/null +++ b/MyApp/_videos/projects/modern-vue-js.md @@ -0,0 +1,18 @@ +--- +title: Modern Razor Pages & MVC .NET Tailwind templates +url: https://youtu.be/SyppvQB7IPs +tags: [razor-pages, mvc, tailwind, vue] +date: 06-07-2021 +order: 8 +--- + +ServiceStack templates provide a wide range of options when it comes to using Razor Pages in your .NET application + +These templates come with Tailwind, JS Modules, and Vue components already built-in, +making it easy to build hybrid apps containing both Server-Side Rendering (SSR) and static resources + +### Live Demos +- https://blazor-vue.web-templates.io +- https://razor.web-templates.io +- https://mvc.web-templates.io +- https://web-tailwind.web-templates.io diff --git a/MyApp/_videos/projects/nextjs.md b/MyApp/_videos/projects/nextjs.md index 251b826..59edb64 100644 --- a/MyApp/_videos/projects/nextjs.md +++ b/MyApp/_videos/projects/nextjs.md @@ -1,13 +1,13 @@ --- title: Rapidly develop C# .NET Next.js JamStack Apps with Rider url: https://youtu.be/3pPLRyPsO5A -tags: nextjs,react,jamstack +tags: [nextjs,react,jamstack] date: 08-02-2022 -order: 4 +order: 6 --- -In this comprehensive walkthrough, we will guide you through the ServiceStack Next.js template, which offers an -exceptional rapid development cycle when used with JetBrains Rider. +In this comprehensive walkthrough, we will guide you through the ServiceStack Next.js template, which offers an +exceptional rapid development cycle when used with JetBrains Rider. -This template is specifically designed for Microsoft .NET developers seeking a seamless and efficient Next.js React +This template is specifically designed for Microsoft .NET developers seeking a seamless and efficient Next.js React setup while employing the better performing Jamstack architecture. diff --git a/MyApp/_videos/projects/razor-press.md b/MyApp/_videos/projects/razor-press.md index a10500a..733f6bb 100644 --- a/MyApp/_videos/projects/razor-press.md +++ b/MyApp/_videos/projects/razor-press.md @@ -1,9 +1,9 @@ --- title: Razor Press for fast and Beautiful Documentation url: https://youtu.be/uqEa_DfFFDQ -tags: razor-pages,ssg,tailwind,vue +tags: [razor-pages,ssg,tailwind,vue] date: 08-02-2022 -order: 2 +order: 4 --- Razor Press is a **Razor Pages** and **Markdown** powered alternative to Ruby's Jekyll & Vue's VitePress diff --git a/MyApp/_videos/projects/razor-ssg.md b/MyApp/_videos/projects/razor-ssg.md index e7ee176..5150ef6 100644 --- a/MyApp/_videos/projects/razor-ssg.md +++ b/MyApp/_videos/projects/razor-ssg.md @@ -1,9 +1,9 @@ --- title: Using Razor SSG to Create Websites in GitHub Codespaces url: https://youtu.be/MRQMBrXi5Sc -tags: razor-pages, ssg, tailwind, codespaces +tags: [razor-pages, ssg, tailwind, codespaces] date: 29-03-2023 -order: 1 +order: 3 --- This video takes an in-depth look at the [razor-ssg](https://razor-ssg.web-templates.io) ServiceStack template, a powerful tool that diff --git a/MyApp/_videos/projects/vue-spa.md b/MyApp/_videos/projects/vue-spa.md new file mode 100644 index 0000000..1df9160 --- /dev/null +++ b/MyApp/_videos/projects/vue-spa.md @@ -0,0 +1,13 @@ +--- +title: Rapidly develop .NET Vue.js SPA Apps +url: https://youtu.be/4HphWPrKwb0 +tags: [vue] +date: 21-05-2021 +order: 7 +--- + +In this video tutorial, we will guide you through the process of utilizing the vue-spa template, an exceptional project template +that combines the power of ServiceStack and Vue.js to create a seamless development experience. + +This template is specifically designed to optimize rapid iterative dev cycles, allowing developers to quickly iterate on their +frontend and backend changes. \ No newline at end of file diff --git a/MyApp/_videos/projects/ultimate-vue.md b/MyApp/_videos/projects/vue-ssg.md similarity index 74% rename from MyApp/_videos/projects/ultimate-vue.md rename to MyApp/_videos/projects/vue-ssg.md index 460a6d7..936870f 100644 --- a/MyApp/_videos/projects/ultimate-vue.md +++ b/MyApp/_videos/projects/vue-ssg.md @@ -1,13 +1,13 @@ --- title: Ultimate Vue SPA & SSG Jamstack templates for .NET url: https://youtu.be/D-rU0lU_B4I -tags: vue,vite,jamstack +tags: [vue, vite, jamstack] date: 01-02-2022 -order: 3 +order: 5 --- -In this video tutorial, we introduce the `vue-ssg` template, a powerful combination of Vite, Vue3, and ServiceStack +In this video tutorial, we introduce the `vue-ssg` template, a powerful combination of Vite, Vue3, and ServiceStack that offers an unparalleled developer experience -This template is specifically designed for .NET developers seeking a seamless and efficient Vue.js setup +This template is specifically designed for .NET developers seeking a seamless and efficient Vue.js setup while employing the Jamstack architecture leveraging capabilities of Vite, Vue & ServiceStack diff --git a/MyApp/_videos/vue/video2.md b/MyApp/_videos/vue/video2.md index 3a62d12..39e24b9 100644 --- a/MyApp/_videos/vue/video2.md +++ b/MyApp/_videos/vue/video2.md @@ -1,10 +1,12 @@ --- title: Vue 3 Tailwind Components Library url: https://youtu.be/YIa0w6whe2U -tags: vue,autoquery +tags: [vue,autoquery] date: 14-02-2023 --- -In this video, we demonstrate using the @servicestack/vue components library for Vue.js 3 Multipage Apps (MPAs) along with the `vue-mjs` template. +In this video, we demonstrate using the @servicestack/vue components library for Vue.js 3 Multipage Apps (MPAs) along +with the **vue-mjs** template. -The template illustrates building content-heavy or complex sites while avoiding the intricacies of Single Page Apps (SPAs) through the use of JavaScript Modules, Tailwind, Vue.js, Razor Pages, and ServiceStack. \ No newline at end of file +The template illustrates building content-heavy or complex sites while avoiding the intricacies of Single Page Apps (SPAs) +through the use of JavaScript Modules, Tailwind, Vue.js, Razor Pages, and ServiceStack. \ No newline at end of file