import { FC } from 'react'; import { getPortfolioProjects } from '../utils/portfolio'; import { getBlogPosts } from '../utils/blog'; import { GetStaticProps } from 'next'; import { Wrapper } from './styles/home'; import Hero from '../components/Hero'; import Button from '../components/Button'; import Card from '../components/Card'; import Head from 'next/head'; interface Props { blogPosts: { title: string; author: string; description: string; slug: string; date: string; tags?: string[]; }[]; portfolioProjects: { title: string; description: string; slug: string; date: string; tags?: string[]; }[]; } const Index: FC = ({ blogPosts, portfolioProjects }) => { return ( <> Hazem Krimi

Portfolio

{portfolioProjects.length !== 0 ? ( portfolioProjects .slice(0, 3) .map(({ slug, ...rest }) => ( )) ) : (

Nothing for now

)}

Blog

{blogPosts.length !== 0 ? ( blogPosts .slice(0, 3) .map(({ slug, ...rest }) => ) ) : (

Nothing for now

)}

); }; export default Index; export const getStaticProps: GetStaticProps = async () => { const blogPosts = getBlogPosts(); const portfolioProjects = getPortfolioProjects(); return { props: { blogPosts, portfolioProjects } }; };