Merge branch 'json-schema-org:main' into main

Author: AdityaTile04

pages/blog/index.page.tsx

@@ -102,6 +102,7 @@ export default function StaticMarkdownPage({
         .split(',')
         .filter(isValidCategory);
       setCurrentFilterTags(tags.length ? tags : ['All']);
+      setCurrentPage(1);
     }
   }, [router.query]);
 
@@ -190,6 +191,23 @@ export default function StaticMarkdownPage({
   });
   const allTags = ['All', ...Array.from(allTagsSet)];
 
+  // pagination implement
+  const POSTS_PER_PAGE = 10;
+  const [currentPage, setCurrentPage] = useState(1);
+
+  const totalPages = Math.ceil(sortedFilteredPosts.length / POSTS_PER_PAGE);
+
+  useEffect(() => {
+    if (currentPage > totalPages) {
+      setCurrentPage(1);
+    }
+  }, [totalPages]);
+
+  const currentPagePosts = sortedFilteredPosts.slice(
+    (currentPage - 1) * POSTS_PER_PAGE,
+    currentPage * POSTS_PER_PAGE,
+  );
+
   return (
     // @ts-ignore
     <SectionContext.Provider value='blog'>
@@ -299,8 +317,8 @@ export default function StaticMarkdownPage({
         </div>
 
         {/* Blog Posts Grid */}
-        <div className='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-6 grid-flow-row mb-20 bg-white dark:bg-slate-800 mx-auto p-4'>
-          {sortedFilteredPosts.map((blogPost: any, idx: number) => {
+        <div className='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-6 grid-flow-row mb-16 bg-white dark:bg-slate-800 mx-auto p-4'>
+          {currentPagePosts.map((blogPost: any, idx: number) => {
             const { frontmatter, content } = blogPost;
             const date = new Date(frontmatter.date);
             const postTimeToRead = Math.ceil(readingTime(content).minutes);
@@ -430,6 +448,34 @@ export default function StaticMarkdownPage({
             );
           })}
         </div>
+        {/* pagination control */}
+        <div className='flex justify-center items-center gap-4'>
+          <button
+            className={`px-4 py-2 rounded-md font-semibold ${
+              currentPage === 1
+                ? 'bg-gray-300 dark:bg-slate-600 cursor-not-allowed'
+                : 'bg-blue-600 text-white hover:bg-blue-700'
+            }`}
+            disabled={currentPage === 1}
+            onClick={() => setCurrentPage((p) => p - 1)}
+          >
+            Previous
+          </button>
+          <span className='text-lg font-medium dark:text-white'>
+            Page {currentPage} of {totalPages}
+          </span>
+          <button
+            className={`px-4 py-2 rounded-md font-semibold ${
+              currentPage === totalPages
+                ? 'bg-gray-300 dark:bg-slate-600 cursor-not-allowed'
+                : 'bg-blue-600 text-white hover:bg-blue-700'
+            }`}
+            disabled={currentPage === totalPages}
+            onClick={() => setCurrentPage((p) => p + 1)}
+          >
+            Next
+          </button>
+        </div>
       </div>
     </SectionContext.Provider>
   );

pages/index.page.tsx

@@ -123,6 +123,7 @@ const Home = (props: any) => {
       supadata: '/img/logos/sponsors/supadata-logo-light.svg',
       devevents: '/img/logos/dark-mode/dev_events_logo.png',
       nix: '/img/logos/sponsors/n-ix-logo.png',
+      oracle: '/img/logos/sponsors/Oracle.png',
     },
     lightLogos: {
       asyncapi: '/img/logos/sponsors/asyncapi-logo-dark.svg',
@@ -147,6 +148,7 @@ const Home = (props: any) => {
       dottxt: '/img/logos/sponsors/dottxt-logo-dark.svg',
       devevents: '/img/logos/dark-mode/dev_events_logo.png',
       nix: '/img/logos/sponsors/n-ix-logo.png',
+      oracle: '/img/logos/sponsors/Oracle.png',
     },
   };
 
@@ -910,6 +912,17 @@ const Home = (props: any) => {
                   alt='n-iX logo'
                 />
               </a>
+              <a
+                href='https://www.oracle.com/'
+                target='_blank'
+                rel='noreferrer'
+              >
+                <img
+                  src={logos.oracle}
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+                  alt='Oracle logo'
+                />
+              </a>
               <a
                 href='https://opencollective.com/json-schema/contribute/sponsor-10816/checkout?interval=month&amount=100&name=&legalName=&email='
                 target='_blank'

public/_redirects

@@ -21,8 +21,9 @@
 /latest/release-notes /draft/2020-12/release-notes
 /implementations /tools 301
 /obsolete-implementations /tools?showObsolete=true 301
-/slack https://join.slack.com/t/json-schema/shared_invite/zt-2ued3v79g-Tk_aI32ZdW~ST0EWpGBwNQ 301
-/slack-redirect https://join.slack.com/t/json-schema/shared_invite/zt-2ued3v79g-Tk_aI32ZdW~ST0EWpGBwNQ 301
+# Slack redirect to invite URL is handled by Cloudflare via UI. Not sure why. Maybe to avoid having to wait for a build and deploy.
+# /slack https://join.slack.com/t/json-schema/shared_invite/zt-3ktcs18gk-ElYFaGDSOv68OJMf3H4vXg 301
+/slack-redirect /slack 301
 /understanding-json-schema /understanding-json-schema/reference 301
 /understanding-json-schema/conventions /understanding-json-schema/reference 301
-/understanding-json-schema/reference/_index.md /understanding-json-schema/reference 301
+/understanding-json-schema/reference/_index.md /understanding-json-schema/reference 301