[yoga-4] add dynamic service page

api.http

@@ -22,3 +22,8 @@ x
 GET {{domain}}/api/yoga-blog-posts/wmhqy1n8japcfpy0of4hauwm
 Accept: application/json
 #Authorization: Bearer {{token}}
+
+
+### GET request with a header
+GET {{domain}}/api/yoga-single-services?filters[name][$eq]=service4
+Accept: application/json

yoga-app/src/api/strapi/strapi-api.ts

@@ -13,6 +13,7 @@ import {ServicesPage_Plain} from "@/types/generated-strapi-interfaces/api/servic
 import {PricesPage_Plain} from "@/types/generated-strapi-interfaces/api/prices-page";
 import {FaqPage_Plain} from "@/types/generated-strapi-interfaces/api/faq-page";
 import {ContactPage_Plain} from "@/types/generated-strapi-interfaces/api/contact-page";
+import {YogaSingleService_Plain} from "@/types/generated-strapi-interfaces/api/yoga-single-service";
 
 
 class StrapiApi{
@@ -42,6 +43,16 @@ class StrapiApi{
         return this.getJson("/api/services-page?",servicesQuery);
     }
 
+    public getServicePage(name: string): Promise<YogaSingleService_Plain[]>{
+        return this.getJson("/api/yoga-single-services?", {
+            filters: {
+                name: {
+                    $eq: name,
+                },
+            },
+        });
+    }
+
     public getPricesPage(): Promise<PricesPage_Plain>{
         return this.getJson("/api/prices-page?",pricesQuery);
     }

yoga-app/src/app/services/[slug]/page.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import strapiApi from "@/api/strapi/strapi-api";
+export default async function ServiceArticlePage({params}: {
+    params: { slug: string}
+} ) {
+    const servicesByName = await strapiApi.getServicePage(params.slug);
+    // return (
+    //     <>
+    //         {header && description && <SubHeaderComponent header1={header} description={description} />}
+    //         { ourServices && <OurServicesComponent  config={ourServices}  /> }
+    //         { contactUs && <ContactUsComponent contactUs={contactUs} />}
+    //         { ourSpecialities && <OurSpecialitiesComponent config={ourSpecialities} /> }
+    //         { feedbacks && <FeedbackComponent config={feedbacks} /> }
+    //         { blogs && <BlogPostsComponent config={blogs} /> }
+    //         { subscribe && <SubscribeComponent config={subscribe} /> }
+    //         { footer &&  <FooterComponent config={footer} /> }
+    //         <AosComponent />
+    //     </>
+    // );
+    console.info("slug", params.slug);
+    console.info("servicesByName", servicesByName);
+            return (
+                <div>hello world {params.slug}</div>
+            );
+}
+
+export const dynamic = 'force-dynamic'

yoga-cms/types/generated/contentTypes.d.ts

@@ -34,10 +34,6 @@ export interface AdminApiToken extends Struct.CollectionTypeSchema {
         minLength: 1;
       }> &
       Schema.Attribute.DefaultTo<''>;
-    encryptedKey: Schema.Attribute.Text &
-      Schema.Attribute.SetMinMaxLength<{
-        minLength: 1;
-      }>;
     expiresAt: Schema.Attribute.DateTime;
     lastUsedAt: Schema.Attribute.DateTime;
     lifespan: Schema.Attribute.BigInteger;