Modify the layout of the blogpost details section to better align the
content vertically. This change ensures the "Posted" date is aligned
with the bottom of the blogpost description, creating a more balanced
and visually appealing design.
The changes in this commit add animated link components to the homepage.
The key changes are:
- Imported the `AnimatedLink` component from the `../components/animatedLink` file.
- Replaced the regular `<a>` tags in the main page with `<AnimatedLink>` components, which apply a smooth animation effect on hover.
Adds a new `AnimatedLink` component that provides a smooth hover animation
effect to links. This component is then used in the `BlogArea` component to
enhance the appearance of the blog post links.
The changes include:
- Creating a new `AnimatedLink` component in `animatedLink.tsx`
- Updating the `BlogArea` component in `blogpost.tsx` to use the new
`AnimatedLink` component instead of the default `Link` component from
Next.js.
Optimize the image loading in the BlogArea component by removing the
unnecessary `blogTestPic` import and using the correct path for the
image. Additionally, refactor the code to improve readability and
maintainability.
Adds the `Image` component from Next.js to display a local image in the
BlogPost component. The local image file `retrofuturism.webp` is added to
the `public/images` directory and referenced in the component.
The changes remove the unused Geist and Geist_Mono font imports from the
layout.tsx file. This simplifies the code and reduces the overall bundle
size of the application.
This commit introduces a new `BlogArea` component that displays a list of blog posts. The changes include:
- Added a new `BlogArea` component in `components/blogpost.tsx` that renders a list of blog posts with their title, description, and a link to the full post.
- Integrated the `BlogArea` component into the `Home` page in `app/page.tsx`.
- Added mock data for the blog posts in `app/page.tsx` to demonstrate the functionality.
This commit updates the site metadata and styling in the `app/layout.tsx` file:
- Changes the title to "AderKI Blog" and the description to "Welcome to AderKI Blog. Explore hoodies, comics, books, and more in my personal store."
- Adds keywords, authors, and Open Graph metadata for better SEO and social sharing.
- Changes the default body styles to use a black background and white text with a sans-serif font.
In the `app/page.tsx` file, the changes include:
- Removes the default Next.js homepage content and replaces it with a simple header section.
- The header includes the site title "AderKI" and a brief description of the store.
- The main content area is left empty, as it will be filled with blog post components in a future commit.
These changes aim to set the foundation for the AderKI Blog, providing a more personalized and focused experience for the users.
