Integrate Simplist blog SDK and update blog components #40
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Added Simplist blog SDK to manage blog data fetching. - Refactored blog metadata generation and page rendering to utilize the new SDK. - Updated BlogSection component to asynchronously fetch and display blog posts. - Enhanced error handling and data validation in blog-related components. - Updated next.config.ts to allow requests to the Simplist blog API.
…ript to blog page - Updated @simplist.blog/sdk dependency from 0.0.3 to 0.0.5 in package.json and pnpm-lock.yaml. - Added a script tag for Simplist blog analytics to the blog page for tracking purposes.
- Introduced a revalidation period of 300 seconds for the Home page to improve data freshness. - Simplified the BlogSection component by removing the AsyncComponent type annotation for cleaner code.
…tegration in Blog page - Removed the unused 'error' prop from the ErrorPage component for cleaner code. - Replaced the traditional script tag with the Next.js Script component for the analytics integration on the Blog page, improving loading strategy.
…onment variables and service integrations
update preview branch
…0.0.6 to incorporate latest features and fixes
…d readability build(package.json): add date-fns dependency for date formatting functionality
…experience feat(components.json): add iconLibrary and registries for better component management fix(MarkdownPlease): wrap images in ImageZoom for zoom functionality chore(package.json): add react-medium-image-zoom dependency for image zoom feature
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Add a new API route that displays blog post content as raw markdown without any layout or styling. This allows users to view the original markdown source of blog posts. - Create /blog/[slug]/md route that returns minimal HTML - Display content in monospace font on white background - Remove accidental whitespace in page.tsx
Fix TypeScript error by adding Request parameter as first argument to GET handler, following Next.js 15 route handler requirements.
…erformance - Bump versions of several dependencies including @hookform/resolvers, @radix-ui/react-label, and react-hook-form to their latest releases. - Update devDependencies such as eslint, tailwindcss, and typescript for better development experience. - Adjust package versions in pnpm-lock.yaml to reflect changes in package.json.
- Introduced new icons for PHP, Symfony, Twig, Webpack, and Docker. - Added corresponding entries in the iconsByName record. - Updated SkillName type to include new skills: Docker, PHP, Symfony, Twig, and Webpack. - Added a Blank component for icons without specific SVGs.
- Introduced DiscordActivities component to display user activities from Discord. - Implemented getDiscordPresence function to fetch Discord presence data. - Created types for DiscordActivity and DiscordPresence to structure the data. - Updated the main page to include the new DiscordActivities component.
…ment - Added i18n configuration in i18n.ts to manage locale based on cookies and default settings. - Enhanced middleware.ts to determine locale from request headers and set cookies accordingly. - Updated next.config.ts to integrate next-intl plugin for internationalization. - Introduced routing.ts to define supported locales and default locale. - Added next-intl dependency in package.json for internationalization functionality.
- Introduced en.json and fr.json files to support English and French languages. - Added common phrases, headers, contact information, project details, skills, blog sections, and error messages for both languages.
- Integrated next-intl for improved localization in various components including error pages, not found pages, and sections. - Updated text in the ErrorPage, NotFound, Home, BlogSection, and other components to utilize translation functions for dynamic content. - Added LanguageSwitcher component for language selection, enhancing user experience with locale management. - Ensured consistent use of translations for project and contact sections, improving accessibility for English and French users.
…ionality - Introduced a new dialog component with customizable triggers, overlays, and content. - Integrated Radix UI's dialog primitives to ensure accessibility and smooth animations. - Added support for close buttons and structured dialog headers, footers, titles, and descriptions.
…ctionality - Added a new ProjectDialog component to display project details and images in a modal. - Updated ProjectCard to support click events for opening the ProjectDialog. - Enhanced the ProjectsSection to manage dialog state and handle project selection. - Included image support in project configuration for better visual representation. - Updated translations to include new phrases for project viewing.
…rove readability by moving hasImages declaration up
…representation and showcase project details
…ponent to enhance image viewing experience in project dialog and header section
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces several enhancements and architectural improvements to the personal portfolio website. The key changes include a switch to the Simplist SDK for blog integration, the addition of a comprehensive architecture guide (
CLAUDE.md), new features such as a URL shortener and Spotify integration, and UI improvements like image zoom in markdown. The environment variable setup and documentation have also been updated for clarity and completeness.Documentation and Architecture
CLAUDE.mdwith detailed guidance for development commands, architecture overview, project structure, feature descriptions, environment variables, routing, and deployment notes.README.mdto reflect new features (URL shortener, Spotify integration), revised environment variable instructions, and improved project structure and feature descriptions. [1] [2] [3]Blog System Improvements
blog.articles.get, with improved metadata generation and error handling inapp/blog/[slug]/page.tsx. (app/blog/[slug]/page.tsxR2-R39, app/blog/[slug]/page.tsxL79-R62, app/blog/[slug]/page.tsxL110-R76, app/blog/[slug]/page.tsxL124-R99)date-fnsincomponents/blog-post.tsx. [1] [2]UI and Component Enhancements
ImageZoomcomponent (components/kibo-ui/image-zoom/index.tsx) and integrated it into markdown image rendering for interactive zoom functionality. [1] [2] [3]components.json.Feature Additions
Other Improvements
app/error.tsx.These changes collectively improve the site's maintainability, feature set, and developer experience.