69 lines
2.8 KiB
Text
69 lines
2.8 KiB
Text
|
---
|
|||
|
|
// Страницы проектов генерируются при запросе (не при сборке)
|
|||
|
|
export const prerender = false;
|
|||
|
|
|
|||
|
|
import type { Page } from 'astro';
|
|||
|
|
import PageHeading from '@components/base/PageHeading.astro';
|
|||
|
|
import ProjectGrid from '@components/projects/ProjectGrid.astro';
|
|||
|
|
import Layout from '@layouts/Layout.astro';
|
|||
|
|
import Pagination from '@components/base/Pagination.tsx';
|
|||
|
|
import { pb } from '@lib/pocketbase';
|
|||
|
|
import type { Project } from '@globalInterfaces';
|
|||
|
|
|
|||
|
|
// Получаем номер страницы из параметров
|
|||
|
|
const { page: pageNumber } = Astro.params;
|
|||
|
|
const currentPage = Number(pageNumber) || 1;
|
|||
|
|
const perPage = 6;
|
|||
|
|
|
|||
|
|
// Получаем проекты из PocketBase для конкретной страницы
|
|||
|
|
const result = await pb.collection('projects').getList(currentPage, perPage, {
|
|||
|
|
sort: '-order,-created',
|
|||
|
|
requestKey: 'projects_list'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Маппинг для списка
|
|||
|
|
const projects = result.items.map((item) => ({
|
|||
|
|
id: item.id,
|
|||
|
|
collectionId: item.collectionId,
|
|||
|
|
title: item.name,
|
|||
|
|
description: item.description,
|
|||
|
|
short_description: item.short_description,
|
|||
|
|
long_description: item.long_description,
|
|||
|
|
stack: item.stack || [],
|
|||
|
|
github_link: item.github,
|
|||
|
|
demo_link: item.url_site,
|
|||
|
|
image: `${import.meta.env.PUBLIC_POCKETBASE_URL}/api/files/projects/${item.id}/${item.image}`,
|
|||
|
|
alt_text: item.alt_text,
|
|||
|
|
order: item.order || 0,
|
|||
|
|
isActive: item.isActive
|
|||
|
|
}));
|
|||
|
|
|
|||
|
|
// Создаем объект page вручную
|
|||
|
|
const page: Page<Project> = {
|
|||
|
|
data: projects,
|
|||
|
|
firstItem: result.page > 1 ? (result.page - 1) * perPage + 1 : 1,
|
|||
|
|
lastItem: Math.min(result.page * perPage, result.totalItems),
|
|||
|
|
totalPages: result.totalPages,
|
|||
|
|
currentPage: result.page,
|
|||
|
|
lastPage: result.totalPages,
|
|||
|
|
url: {
|
|||
|
|
prev: result.page > 1 ? (result.page > 2 ? `/projects/${result.page - 1}` : '/projects') : undefined,
|
|||
|
|
next: result.page < result.totalPages ? `/projects/${result.page + 1}` : undefined,
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const title = `Портфолио проектов (Страница ${page.currentPage}) | Redi`;
|
|||
|
|
const description = `Страница ${page.currentPage} из ${page.totalPages} с проектами в портфолио веб-разработчика Redi. Примеры моих работ и кейсов.`;
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
<Layout title={title} description={description} canonicalLink={`/projects/${currentPage}`}>
|
|||
|
|
<section class="relative z-20 max-w-4xl mx-auto my-12 px-7 lg:px-0">
|
|||
|
|
<PageHeading
|
|||
|
|
title="Портфолио моих лучших веб-проектов и работ"
|
|||
|
|
description="Здесь собраны все проекты, над которыми я работал."
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<ProjectGrid projects={page.data} />
|
|||
|
|
<Pagination page={page} client:load />
|
|||
|
|
</section>
|
|||
|
|
</Layout>
|