tailwind with play

Author: tesar-tech

BlazorStaticMinimalBlog.csproj

@@ -1,31 +1,46 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
-  <PropertyGroup>
-    <TargetFramework>net8.0</TargetFramework>
-    <Nullable>enable</Nullable>
-    <ImplicitUsings>enable</ImplicitUsings>
-  </PropertyGroup>
-
-  <ItemGroup>
-    <PackageReference Include="BlazorStatic" Version="1.0.0-beta.11" />
-  </ItemGroup>
-  <ItemGroup>
-<!--    <ProjectReference Include="..\src\BlazorStatic.csproj" />-->
-  </ItemGroup>
-  
-  
-  <ItemGroup>
-    <None Update="Content/**/*">
-      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
-    </None>
-  </ItemGroup>
+    <PropertyGroup>
+        <TargetFramework>net8.0</TargetFramework>
+        <Nullable>enable</Nullable>
+        <ImplicitUsings>enable</ImplicitUsings>
+    </PropertyGroup>
 
 
-<!-- to make hot reload work on .md files -->
-   <ItemGroup>
-    <Watch Include="Content/**/*" />
-  </ItemGroup>
+    <PropertyGroup>
+        <!-- Serve for Conditional logic for template instantiation -->
+        <!-- You can put the version inside the PackageReference -->
+        <BlazorStaticVersion>1.0.0-beta.12</BlazorStaticVersion>
+    </PropertyGroup>
 
+    <!--#if (UseInTemplate)-->
+    <ItemGroup>
+        <PackageReference Include="BlazorStatic" Version="$(BlazorStaticVersion)"/>
+    </ItemGroup>
+    <!--#else-->
+    <ItemGroup Condition="'$(Configuration)' == 'Debug'">
+        <!-- for debugging when running from BlazorStaticWebsite.sln-->
+        <ProjectReference Include="../../../../src/BlazorStatic.csproj"/>
+    </ItemGroup>
 
+    <ItemGroup Condition="'$(Configuration)' == 'Release'">
+        <!--When building the page on ci/cd-->
+        <PackageReference Include="BlazorStatic" Version="$(BlazorStaticVersion)"/>
+    </ItemGroup>
+    <!--#endif-->
+
+
+    <ItemGroup>
+        <None Update="Content/**/*">
+            <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+        </None>
+    </ItemGroup>
+
+
+    <!-- to make hot reload work on .md files -->
+    <ItemGroup>
+        <Watch Include="Content/**/*"/>
+    </ItemGroup>
+
 
 </Project>

Components/App.razor

@@ -5,7 +5,20 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="/" />
-    <link rel="stylesheet" href="app.min.css" />
+    <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+
+                    colors: {
+                        primary: tailwind.colors.violet
+                    },
+                },},
+                }
+    </script>
+    
+    
     <HeadOutlet />
 </head>
 

Program.cs

@@ -6,8 +6,7 @@
 builder.WebHost.UseStaticWebAssets();
 
 builder.Services.AddBlazorStaticService(opt => {
-    opt.HotReloadEnabled = true;
-    opt.IgnoredPathsOnContentCopy.Add("app.css");//pre-build version for tailwind
+    //opt. //check to change the defaults
 }
 ).AddBlazorStaticContentService<BlogFrontMatter>();