Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feat] on demand revalidate api #224

Merged
merged 5 commits into from
Jul 22, 2023
Merged

[Feat] on demand revalidate api #224

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
ecc67b5
feat: upgrade next, react, react-dom
itjustbong Jul 2, 2023
91ab5d2
fix: remove a tag in link tag
itjustbong Jul 2, 2023
e31576a
chore: revalidateTime to confing
itjustbong Jul 2, 2023
4dde556
feat: on demand revalidate api 추가
itjustbong Jul 2, 2023
16f1087
doc: revalidate api 설명 주석 추가
itjustbong Jul 2, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 5 additions & 7 deletions src/components/Layout/Header/Logo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,12 @@ type Props = {}

const Logo: React.FC<Props> = () => {
return (
<Link href="/">
<a aria-label={CONFIG.blog.title}>
<div className="flex items-center">
<div className="ml-2 text-black dark:text-white header-name">
{CONFIG.blog.title}
</div>
<Link href="/" aria-label={CONFIG.blog.title}>
<div className="flex items-center">
<div className="ml-2 text-black dark:text-white header-name">
{CONFIG.blog.title}
</div>
</a>
</div>
</Link>
)
}
Expand Down
4 changes: 1 addition & 3 deletions src/components/Layout/Header/NavBar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,7 @@ const NavBar: React.FC = () => {
key={link.id}
className="block ml-4 text-black text-gray-500 dark:text-white nav"
>
<Link href={link.to}>
<a>{link.name}</a>
</Link>
<Link href={link.to}>{link.name}</Link>
</li>
))}
</ul>
Expand Down
96 changes: 46 additions & 50 deletions src/components/PostCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,38 +15,35 @@ const PostCard: React.FC<Props> = ({ data }) => {

return (
<Link href={`/${data.slug}`}>
<a>
<article
key={data.id}
className="relative overflow-hidden mb-6 md:mb-8 rounded-2xl bg-white dark:bg-zinc-700 hover:shadow-lg transition-shadow "
>
{category && (
<Category className="absolute top-4 left-4 z-10">
{category}
</Category>
)}
{data.thumbnail && (
<div className="relative w-full pb-[66%] lg:pb-[50%] bg-gray-200 dark:bg-zinc-700 ">
<Image
src={data.thumbnail}
className="object-cover"
layout="fill"
alt={data.title}
/>
</div>
<article
key={data.id}
className="relative overflow-hidden mb-6 md:mb-8 rounded-2xl bg-white dark:bg-zinc-700 hover:shadow-lg transition-shadow "
>
{category && (
<Category className="absolute top-4 left-4 z-10">{category}</Category>
)}
{data.thumbnail && (
<div className="relative w-full pb-[66%] lg:pb-[50%] bg-gray-200 dark:bg-zinc-700 ">
<Image
src={data.thumbnail}
className="object-cover"
layout="fill"
alt={data.title}
/>
</div>
)}
<div
className={["p-4", !data.thumbnail && category ? "pt-14" : ""].join(
" "
)}
<div
className={["p-4", !data.thumbnail && category ? "pt-14" : ""].join(
" "
)}
>
<header className="flex flex-col justify-between md:flex-row md:items-baseline">
<h2 className="text-lg md:text-xl font-medium mb-2 cursor-pointer text-black dark:text-gray-100">
{data.title}
</h2>
</header>
<div className="flex items-center gap-2 mb-4">
{/* {data.author && data.author[0] && (
>
<header className="flex flex-col justify-between md:flex-row md:items-baseline">
<h2 className="text-lg md:text-xl font-medium mb-2 cursor-pointer text-black dark:text-gray-100">
{data.title}
</h2>
</header>
<div className="flex items-center gap-2 mb-4">
{/* {data.author && data.author[0] && (
<>
<div className="flex items-center gap-1">
<Image
Expand All @@ -64,27 +61,26 @@ const PostCard: React.FC<Props> = ({ data }) => {
<div className="self-stretch w-px my-1 bg-gray-300"></div>
</>
)} */}
<div className="text-sm text-gray-500 dark:text-gray-400 md:ml-0">
{formatDate(
data?.date?.start_date || data.createdTime,
CONFIG.lang
)}
</div>
</div>
<div className="mb-4">
<p className="hidden md:block leading-8 text-gray-700 dark:text-gray-300">
{data.summary}
</p>
</div>
<div className="flex gap-2">
{data.tags &&
data.tags.map((tag: string, idx: number) => (
<Tag key={idx}>{tag}</Tag>
))}
<div className="text-sm text-gray-500 dark:text-gray-400 md:ml-0">
{formatDate(
data?.date?.start_date || data.createdTime,
CONFIG.lang
)}
</div>
</div>
</article>
</a>
<div className="mb-4">
<p className="hidden md:block leading-8 text-gray-700 dark:text-gray-300">
{data.summary}
</p>
</div>
<div className="flex gap-2">
{data.tags &&
data.tags.map((tag: string, idx: number) => (
<Tag key={idx}>{tag}</Tag>
))}
</div>
</div>
</article>
</Link>
)
}
Expand Down