labi1240 / nextchris Goto Github PK

{project.name}

{project.name}

    <div>
      {project.images && project.images[1] && (
        <Image
          src={project.images[1].ImagePath}
          alt={project.images[1].ImageDescription}
          width={500}
          height={300}
        />
      )}
    </div>
    {/* ... */}
  </div>
</main>

);
}

// app/lib/data.ts (Server Component)
import { unstable_noStore as noStore } from 'next/cache';
import type { Project } from '@/types/project'; // Assuming you have a Project type defined

const BASE_URL = 'https://projectsapi-j1mi.onrender.com/projects'; // Replace with your actual API base URL

// Fetch all projects
export async function fetchProjects(): Promise<Project[]> {
noStore();
const res = await fetch(BASE_URL);
if (!res.ok) {
throw new Error('Failed to fetch projects');
}
return res.json();
}

// Fetch a single project by Slug
export async function fetchProjectBySlug(slug: string): Promise {
noStore();
const res = await fetch(${BASE_URL}/${slug});
if (!res.ok) {
throw new Error(Failed to fetch project with ID: ${slug});
}
return res.json();
}

// Generate static params for projects
export async function generateStaticParams() {
const projects = await fetchProjects();

          return projects.map((project: Project) => ({
                        params: { slug: project.slug },
          }));

}

// ... Add more functions as needed

Here is the Sample of Our Response for single Project

[
{
"_id": "842d135f-4c3a-46ad-952c-73d87ad538a3",
"address": "17 Baldwin Street,",
"name": "Prince George Landing",
"slug": "prince-george-landing",
"bedrooms": "1 - 3 Bedrooms",
"buildingType": "Condo & Townhouse",
"city_name": "Whitby,",
"developer": "Stockworth Developments",
"developer_info": "Stockworth Developments, Rosewater Developments, Whitby, ON",
"estimatedCompletion": "Preconstruction",
"images": [
{
"_id": "6617a04935efa29ef186028d",
"ImageName": "Prince George Landing Rendering",
"ImageDescription": "Exterior photo of Prince George Landing",
"ImagePath": "https://d2kcmk0r62r1qk.cloudfront.net/imageSponsors/xlarge/2017_03_29_10_43_24_stockworth_developments_prince_george_rendering.webp"
},
{
"_id": "6617a04935efa29ef186028e",
"ImageName": "Prince George Landing Rendering",
"ImageDescription": "Exterior photo of Prince George Landing",
"ImagePath": "https://d2kcmk0r62r1qk.cloudfront.net/imageSponsors/xlarge/2018_10_09_04_00_13_princegeorgelanding.com-686493590913612.webp"
},
{
"_id": "6617a04935efa29ef186028f",
"ImageName": "Prince George Landing Rendering",
"ImageDescription": "Exterior photo of Prince George Landing",
"ImagePath": "https://d2kcmk0r62r1qk.cloudfront.net/imageSponsors/xlarge/2018_10_09_04_00_13_princegeorgelanding.com-686486264150650.webp"
}
],
"incentives": "Not available",
"price": "Not available",
"province": "ON",
"sizeSqFt": "Not available",
"status": "Pending",
"street_name": "17 Baldwin Street,",
"summary": "Stockworth Developments acquired a site located on Baldwin Street and George Street in the Community of Brooklin, Town of Whitby, Ontario. The site will be a mixed use development consisting of a small retail component and a combination of luxury and stacked towns. Stockworth Developments and Rosewater Developments will co-develop and build the site out. Rich in history and culture, the community of Brooklin within the town of Whitby combines the charm of a small town with the amenities of a busy city. Backing onto a ravine, fronting onto Baldwin Street, featuring balconies and underground parking, Prince George Landing is where your life combines with nature. These townhomes and apartments are perfectly situated in the heart of Brooklin, the perfect community for families and couples alike. Between the schools, shopping, and countless other convenient amenities, Prince George Landing is without a doubt where your dreams will become reality.",
"unitsStories": "85 Units,",
"units": [
{
"_id": "6617a04935efa29ef1860290",
"br": 1,
"status": "Not Available",
"statusName": "Sold",
"colType": "Condos",
"unitType": "Unit",
"unitName": "312",
"ba": 1,
"sqft": 691,
"lotBalc": "",
"price": null,
"lastPrice": null,
"lastPriceWithValue": null,
"unitStyle": "Suite",
"url": "https://whitby-on/prince-george-landing/condo-unit--312",
"image": "https://d2kcmk0r62r1qk.cloudfront.net/imageFloorPlans/2019_02_01_03_04_53_building-a_1.png"
},