feat: implement GitHub Actions for automated deployment and enhance Disqus integration

- Added a GitHub Actions workflow for deploying the application to GitHub Pages on push to the main branch.
- Updated package.json to streamline the build process for pages and set up predeploy scripts.
- Enhanced Disqus integration by passing the post slug and title for improved comment functionality.
- Modified PostSingle and DisqussEmbed components to support the new Disqus configuration.

Author: ssshojaei

.github/workflows/deploy.yml

@@ -0,0 +1,40 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+permissions:
+  contents: write
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - run: pnpm install --frozen-lockfile
+
+      - run: pnpm run build:pages
+
+      - name: Publish to gh-pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./out
+          publish_branch: gh-pages
+          force_orphan: true

package.json

@@ -22,7 +22,8 @@
     "build": "next build",
     "export": "next build",
     "postexport": "echo 'frontchapter.ir' > out/CNAME",
-    "predeploy": "npm run export && touch out/.nojekyll",
+    "build:pages": "next build && echo 'frontchapter.ir' > out/CNAME && touch out/.nojekyll",
+    "predeploy": "pnpm run build:pages",
     "deploy": "gh-pages -d out --dotfiles",
     "lint": "next lint",
     "start": "next start"

src/app/posts/[single]/page.tsx

@@ -38,6 +38,7 @@ const Article = async ({ params }: { params: { single: string } }) => {
       <JsonLd data={jsonLd} />
       <GSAPWrapper>
         <PostSingle
+          slug={single}
           frontmatter={{
             title: frontmatter.title,
             date: frontmatter.date,

src/config/config.json

@@ -53,7 +53,9 @@
   },
   "disqus": {
     "enable": true,
-    "shortname": "themefisher-template",
-    "settings": {}
+    "shortname": "frontchapter",
+    "settings": {
+      "language": "fa"
+    }
   }
 }

src/layouts/PostSingle.tsx

@@ -38,12 +38,14 @@ interface RecentPost {
 }
 
 interface PostSingleProps {
+  slug: string;
   frontmatter: Frontmatter;
   content: string;
   recentPosts: RecentPost[];
 }
 
 const PostSingle: React.FC<PostSingleProps> = ({
+  slug,
   frontmatter,
   content,
   recentPosts,
@@ -155,7 +157,7 @@ const PostSingle: React.FC<PostSingleProps> = ({
               {disqus.enable && (
                 <div className="fade row justify-center ">
                   <div className="lg:col-8">
-                    <DisqussEmbed />
+                    <DisqussEmbed slug={slug} title={title} />
                   </div>
                 </div>
               )}

src/layouts/partials/DisqussEmbed.tsx

@@ -1,11 +1,27 @@
 'use client';
 import config from '@config/config.json';
+import { SITE_URL } from '@lib/seo/constants';
 import { DiscussionEmbed } from 'disqus-react';
 
-const DisqussEmbed = () => {
+interface DisqussEmbedProps {
+  slug: string;
+  title: string;
+}
+
+const DisqussEmbed = ({ slug, title }: DisqussEmbedProps) => {
   const { disqus } = config;
+  const url = `${SITE_URL}/posts/${slug}`;
+
   return (
-    <DiscussionEmbed shortname={disqus.shortname} config={disqus.settings} />
+    <DiscussionEmbed
+      shortname={disqus.shortname}
+      config={{
+        ...disqus.settings,
+        url,
+        identifier: slug,
+        title,
+      }}
+    />
   );
 };