Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tusharnankani/undirected-graph
Tushar Nankani's blog - Undirected Graph 📜
https://github.com/tusharnankani/undirected-graph
blog mdx netlify nextjs undirected-graph
Last synced: 15 days ago
JSON representation
Tushar Nankani's blog - Undirected Graph 📜
- Host: GitHub
- URL: https://github.com/tusharnankani/undirected-graph
- Owner: tusharnankani
- Created: 2022-01-08T17:34:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-27T17:35:27.000Z (about 2 months ago)
- Last Synced: 2024-05-02T00:56:34.451Z (about 2 months ago)
- Topics: blog, mdx, netlify, nextjs, undirected-graph
- Language: MDX
- Homepage: http://blog.tusharnankani.com
- Size: 12.7 MB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
Lists
- my-awesome-stars - undirected-graph - Undirected Graph 📜 | tusharnankani | 11 | (MDX)
README
The overload of ideas has pushed me to connect the dots, analogous to my directionless, although somehow connected thoughts forming a data structure.
[](https://app.netlify.com/sites/undirected-graph/deploys)
[](https://nextjs.org/)
## About
## Features
- **Tagging**: organizes content by tags
- **Author**: displays author names who write a post
- **Pagination**: limits the number of posts per page
- **CMS**: built with CMS to allow editors modifying content with the quickest way
- **SEO optimized**: built-in metadata like JSON-LD
- **Shortcode**: extends content writing with React component like WordPress shortcodes
## Dependencies
- [TypeScript](https://www.typescriptlang.org/)
- [Next.js](https://nextjs.org/)
- [Netlify](https://www.netlify.com/)
- [MDX](https://mdxjs.com/)
## Local Setup || Contributing
- Fork this repository.
- Clone the repository: `git clone https://github.com//undirected-graph.git`
- Change directory: `cd undirected-graph`
- Change branch before making any changes: `git checkout -b "feat/add-new-feat"`
- Run `npm run dev` to start the devlopment server. Go to `localhost:3000`
- Make changes and push to the respective branch.
- Open a Pull Request.
### Styling pages by a customized theme
All source codes related to the blog are under [components](/src/components) and [pages](/src/pages) directory.
You can modify it freely if you want to apply your design theme.
All components use [styled-jsx](https://github.com/vercel/styled-jsx) and [css-modules](https://github.com/css-modules/css-modules) to define their styles, but you can choose any styling libraries for designing your theme.
The directory tree containing the blog source code are described below:
```
meta: yaml files defining metadata like authors or tags
public: images, favicons and other static assets
src
├── assets: other assets using inside of components
├── components: pieces of components consisting of pages
├── content: mdx files for each post page
├── lib: project libraries like data fetching or pagination
└── pages: page components managing by Next.js
```
## References
- A huge shoutout to [wutali/nextjs-netlify-blog-template](https://github.com/wutali/nextjs-netlify-blog-template)
- [Netlify CMS Documentation](https://www.netlifycms.org/docs/intro/)
- [Building a Markdown blog with Next 9.4 and Netlify](https://www.netlify.com/blog/2020/05/04/building-a-markdown-blog-with-next-9.4-and-netlify/)
- [Hugo Theme - Codex](https://github.com/jakewies/hugo-theme-codex)
- [Next.js Starter Template for TypeScript](https://github.com/vercel/next-learn-starter/tree/master/typescript-final)
- [Building Blog with NextJS and Netlify CMS](https://dev.to/mefaba/building-blog-with-nextjs-and-netlify-cms-fom)
- [Unicons](https://github.com/Iconscout/unicons)