Skip to content

Commit b2c0fda

Browse files
author
Programming-Sai
committed
Adding items to static-deploy branch
1 parent 08d0597 commit b2c0fda

File tree

26 files changed

+2675
-2814
lines changed

26 files changed

+2675
-2814
lines changed

‎next.config.js‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
/** @type {import('next').NextConfig} */
22
const nextConfig = {
33
compress: true,
4-
basePath: "/Blog", // Set this to your repository name
5-
assetPrefix: "/Blog/", // Same as basePath, but with a trailing slash
4+
output: "export",
5+
basePath: "/Blog",
6+
assetPrefix: "/Blog/",
67
};
78

89
module.exports = nextConfig;

‎package-lock.json‎

Lines changed: 1328 additions & 1517 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -14,19 +14,9 @@
1414
"@fortawesome/free-regular-svg-icons": "^6.6.0",
1515
"@fortawesome/free-solid-svg-icons": "^6.6.0",
1616
"@fortawesome/react-fontawesome": "^0.2.2",
17-
"@tiptap/extension-blockquote": "^2.9.1",
18-
"@tiptap/extension-document": "^2.9.1",
19-
"@tiptap/extension-image": "^2.9.1",
20-
"@tiptap/extension-link": "^2.9.1",
21-
"@tiptap/extension-paragraph": "^2.9.1",
22-
"@tiptap/extension-text": "^2.9.1",
23-
"@tiptap/extension-text-align": "^2.9.1",
24-
"@tiptap/extension-underline": "^2.9.1",
25-
"@tiptap/pm": "^2.9.1",
26-
"@tiptap/react": "^2.9.1",
27-
"@tiptap/starter-kit": "^2.9.1",
2817
"eslint": "8.48.0",
2918
"eslint-config-next": "13.4.19",
19+
"html-react-parser": "^5.1.18",
3020
"iframe-resizer": "^5.3.2",
3121
"lucide-react": "^0.453.0",
3222
"next": "^14.2.14",

‎src/app/[slug]/page.jsx‎

Lines changed: 149 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1,73 +1,158 @@
1-
import React from 'react'
2-
import styles from './singleblogpage.module.css';
3-
import PopularPosts from '@/components/popularposts/PopularPosts';
4-
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
5-
import { faClock } from '@fortawesome/free-solid-svg-icons';
6-
import Image from 'next/image';
7-
import WriteComment from '@/components/writecomment/WriteComment';
8-
import CommentSection from '@/components/commentsection/CommentSection';
9-
import Pagination from '@/components/pagination/Pagination';
10-
import Glow from '@/components/glow/Glow';
11-
import Wrapper from '@/components/pagewrapper/Wrapper';
12-
import Navbar from '@/components/navbar/Navbar';
13-
import Footer from '@/components/footer/Footer';
1+
import React from "react";
2+
import styles from "./singleblogpage.module.css";
3+
import PopularPosts from "@/components/popularposts/PopularPosts";
4+
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
5+
import { faClock } from "@fortawesome/free-solid-svg-icons";
6+
import Image from "next/image";
7+
import WriteComment from "@/components/writecomment/WriteComment";
8+
import CommentSection from "@/components/commentsection/CommentSection";
9+
import Pagination from "@/components/pagination/Pagination";
10+
import Glow from "@/components/glow/Glow";
11+
import Wrapper from "@/components/pagewrapper/Wrapper";
12+
import Navbar from "@/components/navbar/Navbar";
13+
import Footer from "@/components/footer/Footer";
14+
15+
// Temporary slugs for development purposes
16+
const temporarySlugs = [
17+
"understanding-react-hooks",
18+
"css-grid-layout-guide",
19+
"building-a-nextjs-blog",
20+
"introduction-to-typescript",
21+
"optimizing-performance-in-react",
22+
];
23+
24+
export async function generateStaticParams() {
25+
return temporarySlugs.map((slug) => ({
26+
slug, // This will match the [slug] parameter in the URL
27+
}));
28+
}
1429

1530
const SingleBlogPage = () => {
1631
return (
1732
<>
18-
<Navbar />
19-
<Wrapper>
20-
<div className={styles.container}>
21-
<div className={styles.infoContainer}>
22-
<div className={styles.item}>
23-
<Glow
24-
top='50%'
25-
left='-20%'
26-
width={500}
27-
height={500}
28-
color='#11F027'
29-
mtop='300%'
30-
mleft='-10%'
31-
/>
32-
<h1>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</h1>
33-
<div className={styles.postDetails}>
34-
<p className={styles.date}>25 Nov 2025</p>-
35-
<p className={styles.time}>
36-
<FontAwesomeIcon icon={ faClock }/>
37-
<p>3min read</p>
38-
</p>-
39-
<p className={styles.tag}>LIFESTYLE</p>
40-
</div>
41-
</div>
42-
<div className={styles.item} style={{ '--img': 'url("/fashion.png")' }}>
43-
<Image fill alt='f' src='/fashion.png' className={styles.img}/>
44-
</div>
33+
<Navbar />
34+
<Wrapper>
35+
<div className={styles.container}>
36+
<div className={styles.infoContainer}>
37+
<div className={styles.item}>
38+
<Glow
39+
top="50%"
40+
left="-20%"
41+
width={500}
42+
height={500}
43+
color="#11F027"
44+
mtop="300%"
45+
mleft="-10%"
46+
/>
47+
<h1>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</h1>
48+
<div className={styles.postDetails}>
49+
<p className={styles.date}>25 Nov 2025</p>-
50+
<p className={styles.time}>
51+
<FontAwesomeIcon icon={faClock} />
52+
<p>3min read</p>
53+
</p>
54+
-<p className={styles.tag}>LIFESTYLE</p>
55+
</div>
4556
</div>
46-
<div className={styles.content}>
47-
<div className={styles.post}>
48-
<div className={styles.blogPost}>
49-
<Glow
50-
top='20%'
51-
left='50%'
52-
width={500}
53-
height={500}
54-
color='#00A3FF'
55-
mtop='90%'
56-
mleft='-10%'
57-
/>
58-
Lorem ipsum dolor sit amet consectetur adipisicing elit. A itaque ipsam iste ea ipsa, tempore voluptate molestiae reprehenderit inventore nostrum, dignissimos, asperiores unde similique ipsum dicta est quia nesciunt? Cumque, ab consequuntur rem voluptatem, sapiente cupiditate corrupti nemo similique esse totam quos labore maxime perspiciatis molestiae! Ad, veniam quam! Non incidunt, praesentium minima minus eos corporis soluta, quas assumenda cumque dolorum iusto at quo, doloremque ad perferendis accusamus architecto cupiditate ducimus. Iusto rerum magnam quam libero qui, explicabo dolores dolore similique odio exercitationem molestiae voluptates. Sequi illum ipsam similique aperiam minima ea, temporibus aliquam laboriosam voluptate assumenda enim delectus consectetur inventore non magni placeat quidem reiciendis aspernatur natus omnis optio. Exercitationem adipisci quaerat ipsam rerum tenetur commodi iusto quos quidem. Odio labore doloribus fugit illum asperiores officiis pariatur quo sit perferendis corrupti repudiandae, aut dolorum sequi unde dicta deserunt dolorem laborum natus eos! Consectetur, hic ad, culpa, dolorem repellendus at quibusdam dicta numquam quisquam repellat eum saepe? Reprehenderit impedit temporibus nam, quia odit blanditiis quibusdam doloremque reiciendis in. Possimus officiis consequuntur, provident ad perspiciatis earum voluptatem numquam impedit tenetur laborum id, eius dolorem similique a soluta sed quidem pariatur. Quia expedita nisi, ad distinctio omnis quis debitis optio dolorem? Quos, a provident. Officiis, a rem fuga, sed odit, ipsum ex voluptatem porro dicta nulla illo. Similique minus voluptates, corporis voluptatibus odio officiis accusamus dolorem deleniti? Modi quam porro vitae deleniti commodi rem similique adipisci error. Dolor molestias voluptate expedita, quasi corporis hic harum eveniet aliquam placeat similique quaerat voluptas quas delectus impedit. Maiores fugiat architecto minima repellat numquam consequatur quos eaque corporis quaerat! Obcaecati, sint excepturi itaque non recusandae perspiciatis magnam. Magnam commodi officiis quae excepturi voluptatum harum, ab atque ullam enim veritatis modi, expedita iusto necessitatibus minus ex vitae et nemo cumque, officia repellendus quam. Quas voluptates iure blanditiis deleniti labore enim ad nesciunt eveniet, iusto vel veniam eum exercitationem minus nulla esse laborum amet delectus quam nemo nostrum, natus, odit fugiat? Minima, iste. Provident, obcaecati! Tempore, est recusandae, nesciunt repellat id a et velit quae architecto nostrum expedita necessitatibus laboriosam magni ipsum amet aliquid animi laudantium, fugit consectetur. Corporis deserunt possimus molestiae nam cum facilis ipsum eligendi velit cupiditate culpa. Voluptate enim ratione qui temporibus voluptatibus? Suscipit eligendi non libero. Nam voluptatibus aperiam inventore non adipisci atque sint. Nisi, obcaecati autem quaerat laboriosam necessitatibus ullam aut porro eius nam recusandae id incidunt placeat animi assumenda sed cumque ratione beatae dolorum saepe cum fuga maiores tenetur sunt cupiditate? Unde, omnis aspernatur molestias aliquam velit dolores sunt placeat. Facere voluptatum impedit asperiores tempora, excepturi atque esse, debitis inventore incidunt error quibusdam quisquam minus vitae? Perferendis molestiae impedit aperiam consectetur cupiditate. Blanditiis officiis eius asperiores sit porro quam maxime vero laudantium corrupti esse natus doloribus veritatis expedita libero, provident, mollitia necessitatibus eos quo aliquam corporis! Consequatur omnis ipsa fugit nobis voluptate neque, quam suscipit soluta. Sint, sequi mollitia. Incidunt dolore nulla ratione non pariatur suscipit sit fugit quasi, magnam ad eos veniam eligendi tempore totam assumenda, quod sed quos nostrum officia.
59-
</div>
60-
<WriteComment />
61-
<CommentSection />
62-
<Pagination />
63-
</div>
64-
<PopularPosts className={styles.popularPosts} borderRad='20px' marginBlock='5%' isOutline='2px'/>
57+
<div
58+
className={styles.item}
59+
style={{ "--img": 'url("/fashion.png")' }}
60+
>
61+
<Image fill alt="f" src="/fashion.png" className={styles.img} />
6562
</div>
63+
</div>
64+
<div className={styles.content}>
65+
<div className={styles.post}>
66+
<div className={styles.blogPost}>
67+
<Glow
68+
top="20%"
69+
left="50%"
70+
width={500}
71+
height={500}
72+
color="#00A3FF"
73+
mtop="90%"
74+
mleft="-10%"
75+
/>
76+
Lorem ipsum dolor sit amet consectetur adipisicing elit. A
77+
itaque ipsam iste ea ipsa, tempore voluptate molestiae
78+
reprehenderit inventore nostrum, dignissimos, asperiores unde
79+
similique ipsum dicta est quia nesciunt? Cumque, ab consequuntur
80+
rem voluptatem, sapiente cupiditate corrupti nemo similique esse
81+
totam quos labore maxime perspiciatis molestiae! Ad, veniam
82+
quam! Non incidunt, praesentium minima minus eos corporis
83+
soluta, quas assumenda cumque dolorum iusto at quo, doloremque
84+
ad perferendis accusamus architecto cupiditate ducimus. Iusto
85+
rerum magnam quam libero qui, explicabo dolores dolore similique
86+
odio exercitationem molestiae voluptates. Sequi illum ipsam
87+
similique aperiam minima ea, temporibus aliquam laboriosam
88+
voluptate assumenda enim delectus consectetur inventore non
89+
magni placeat quidem reiciendis aspernatur natus omnis optio.
90+
Exercitationem adipisci quaerat ipsam rerum tenetur commodi
91+
iusto quos quidem. Odio labore doloribus fugit illum asperiores
92+
officiis pariatur quo sit perferendis corrupti repudiandae, aut
93+
dolorum sequi unde dicta deserunt dolorem laborum natus eos!
94+
Consectetur, hic ad, culpa, dolorem repellendus at quibusdam
95+
dicta numquam quisquam repellat eum saepe? Reprehenderit impedit
96+
temporibus nam, quia odit blanditiis quibusdam doloremque
97+
reiciendis in. Possimus officiis consequuntur, provident ad
98+
perspiciatis earum voluptatem numquam impedit tenetur laborum
99+
id, eius dolorem similique a soluta sed quidem pariatur. Quia
100+
expedita nisi, ad distinctio omnis quis debitis optio dolorem?
101+
Quos, a provident. Officiis, a rem fuga, sed odit, ipsum ex
102+
voluptatem porro dicta nulla illo. Similique minus voluptates,
103+
corporis voluptatibus odio officiis accusamus dolorem deleniti?
104+
Modi quam porro vitae deleniti commodi rem similique adipisci
105+
error. Dolor molestias voluptate expedita, quasi corporis hic
106+
harum eveniet aliquam placeat similique quaerat voluptas quas
107+
delectus impedit. Maiores fugiat architecto minima repellat
108+
numquam consequatur quos eaque corporis quaerat! Obcaecati, sint
109+
excepturi itaque non recusandae perspiciatis magnam. Magnam
110+
commodi officiis quae excepturi voluptatum harum, ab atque ullam
111+
enim veritatis modi, expedita iusto necessitatibus minus ex
112+
vitae et nemo cumque, officia repellendus quam. Quas voluptates
113+
iure blanditiis deleniti labore enim ad nesciunt eveniet, iusto
114+
vel veniam eum exercitationem minus nulla esse laborum amet
115+
delectus quam nemo nostrum, natus, odit fugiat? Minima, iste.
116+
Provident, obcaecati! Tempore, est recusandae, nesciunt repellat
117+
id a et velit quae architecto nostrum expedita necessitatibus
118+
laboriosam magni ipsum amet aliquid animi laudantium, fugit
119+
consectetur. Corporis deserunt possimus molestiae nam cum
120+
facilis ipsum eligendi velit cupiditate culpa. Voluptate enim
121+
ratione qui temporibus voluptatibus? Suscipit eligendi non
122+
libero. Nam voluptatibus aperiam inventore non adipisci atque
123+
sint. Nisi, obcaecati autem quaerat laboriosam necessitatibus
124+
ullam aut porro eius nam recusandae id incidunt placeat animi
125+
assumenda sed cumque ratione beatae dolorum saepe cum fuga
126+
maiores tenetur sunt cupiditate? Unde, omnis aspernatur
127+
molestias aliquam velit dolores sunt placeat. Facere voluptatum
128+
impedit asperiores tempora, excepturi atque esse, debitis
129+
inventore incidunt error quibusdam quisquam minus vitae?
130+
Perferendis molestiae impedit aperiam consectetur cupiditate.
131+
Blanditiis officiis eius asperiores sit porro quam maxime vero
132+
laudantium corrupti esse natus doloribus veritatis expedita
133+
libero, provident, mollitia necessitatibus eos quo aliquam
134+
corporis! Consequatur omnis ipsa fugit nobis voluptate neque,
135+
quam suscipit soluta. Sint, sequi mollitia. Incidunt dolore
136+
nulla ratione non pariatur suscipit sit fugit quasi, magnam ad
137+
eos veniam eligendi tempore totam assumenda, quod sed quos
138+
nostrum officia.
139+
</div>
140+
<WriteComment />
141+
<CommentSection />
142+
<Pagination />
66143
</div>
67-
</Wrapper>
68-
<Footer />
144+
<PopularPosts
145+
className={styles.popularPosts}
146+
borderRad="20px"
147+
marginBlock="5%"
148+
isOutline="2px"
149+
/>
150+
</div>
151+
</div>
152+
</Wrapper>
153+
<Footer />
69154
</>
70-
)
71-
}
155+
);
156+
};
72157

73-
export default SingleBlogPage
158+
export default SingleBlogPage;

‎src/app/about/page.jsx‎

Lines changed: 28 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,34 @@
1-
import React from 'react'
2-
import styles from './about.module.css';
3-
import Wrapper from '@/components/pagewrapper/Wrapper';
4-
import Navbar from '@/components/navbar/Navbar';
5-
import Footer from '@/components/footer/Footer';
6-
import AboutHeroSection from '@/components/aboutherosection/AboutHeroSection';
7-
import AboutContent from '@/components/aboutcontent/AboutContent';
8-
import PopularPosts from '@/components/popularposts/PopularPosts';
9-
1+
import React from "react";
2+
import styles from "./about.module.css";
3+
import Wrapper from "@/components/pagewrapper/Wrapper";
4+
import Navbar from "@/components/navbar/Navbar";
5+
import Footer from "@/components/footer/Footer";
6+
import AboutHeroSection from "@/components/aboutherosection/AboutHeroSection";
7+
import AboutContent from "@/components/aboutcontent/AboutContent";
8+
import PopularPosts from "@/components/popularposts/PopularPosts";
109

1110
const About = ({ slug }) => {
1211
return (
1312
<>
14-
<Navbar />
15-
<Wrapper>
16-
<div className={styles.container} style={{zIndex: 1}}>
17-
<AboutHeroSection />
18-
<div className={styles.flexWrapper}>
19-
<AboutContent className={styles.itemOne} />
20-
<PopularPosts className={styles.itemTwo} glow={ true } borderRad='20px' marginBlock='0%' isOutline='2px'/>
21-
</div>
22-
</div>
23-
</Wrapper>
24-
<Footer />
13+
<Navbar />
14+
<Wrapper>
15+
<div className={styles.container} style={{ zIndex: 1 }}>
16+
<AboutHeroSection />
17+
<div className={styles.flexWrapper}>
18+
<AboutContent className={styles.itemOne} />
19+
<PopularPosts
20+
className={styles.itemTwo}
21+
glow={true}
22+
borderRad="20px"
23+
marginBlock="0%"
24+
isOutline="2px"
25+
/>
26+
</div>
27+
</div>
28+
</Wrapper>
29+
<Footer />
2530
</>
31+
);
32+
};
2633

27-
)
28-
29-
}
30-
31-
export default About
34+
export default About;

0 commit comments

Comments
 (0)