-
-
-
- Get started by editing
- pages/index.js
-
-
- By{' '}
-
-
-
-
-
-
-
-
-
+
)
-}
+}
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index d4f491e..a19a1c5 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -83,21 +83,25 @@ html,
body {
max-width: 100vw;
overflow-x: hidden;
+ font-size: 1.25rem;
}
body {
color: rgb(var(--foreground-rgb));
- background: linear-gradient(
- to bottom,
- transparent,
- rgb(var(--background-end-rgb))
- )
- rgb(var(--background-start-rgb));
+ padding: 20px 30px;
}
a {
- color: inherit;
- text-decoration: none;
+ margin: 20px 10px 20px 0;
+ font-size: 20px;
+}
+
+h1 {
+ margin-bottom: 30px;
+}
+
+li {
+ margin-bottom: 5px;
}
@media (prefers-color-scheme: dark) {
diff --git a/utils/api.js b/utils/api.js
new file mode 100644
index 0000000..40c1598
--- /dev/null
+++ b/utils/api.js
@@ -0,0 +1,43 @@
+import fs from 'fs';
+import { join } from 'path';
+import matter from 'gray-matter';
+
+const postsDirectory = join(process.cwd(), 'blogs');
+
+export function getPostSlugs() {
+ return fs.readdirSync(postsDirectory);
+}
+
+export function getPostBySlug(slug, fields = []) {
+ const realSlug = slug.replace(/\.md$/, '');
+ const fullPath = join(postsDirectory, `${realSlug}.md`);
+ const fileContents = fs.readFileSync(fullPath, 'utf8');
+ const { data, content } = matter(fileContents);
+
+ const items = {};
+
+ // Ensure only the minimal needed data is exposed
+ fields.forEach((field) => {
+ if (field === 'slug') {
+ items[field] = realSlug;
+ }
+ if (field === 'content') {
+ items[field] = content;
+ }
+
+ if (typeof data[field] !== 'undefined') {
+ items[field] = data[field];
+ }
+ });
+
+ return items;
+}
+
+export function getAllPosts(fields = []) {
+ const slugs = getPostSlugs();
+ const posts = slugs
+ .map((slug) => getPostBySlug(slug, fields));
+ // sort posts by date in descending order
+ // .sort((post1, post2) => (post1.date > post2.date ? -1 : 1));
+ return posts;
+}
\ No newline at end of file
diff --git a/utils/markdownToHTML.js b/utils/markdownToHTML.js
new file mode 100644
index 0000000..fca8c26
--- /dev/null
+++ b/utils/markdownToHTML.js
@@ -0,0 +1,7 @@
+import { remark } from 'remark';
+import html from 'remark-html';
+
+export default async function markdownToHtml(markdown) {
+ const result = await remark().use(html).process(markdown);
+ return result.toString();
+}
\ No newline at end of file
- Docs -> -
-- Find in-depth information about Next.js features and API. -
- - - -- Learn -> -
-- Learn about Next.js in an interactive course with quizzes! -
- - - -- Templates -> -
-- Discover and deploy boilerplate example Next.js projects. -
- - - -- Deploy -> -
-- Instantly deploy your Next.js site to a shareable URL - with Vercel. -
- ++ {heading} +
+
+
+ About
+
+
+ Blog
+