Tushar Nankani's blog - Undirected Graph

Last update: Dec 17, 2022

Overview

The overload of ideas has pushed me to connect the dots, analogous to my directionless, although somehow connected thoughts forming a data structure.

Undirected Graph

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

Local Setup || Contributing

Fork this repository.
Clone the repository: git clone https://github.com/<your-username>/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 and pages directory. You can modify it freely if you want to apply your design theme. All components use styled-jsx and 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

Comments

Website not responsive
Website not responsive

works fine in mobile and desktop view only

not in other views / gadgets

tablet.... etc

Ref Image

changes have to be done in some ... main layout structure ... only

may be change in this will work

z index

padding

margin

bug
opened by withrvr 3
build(deps): bump shell-quote and next
Removes shell-quote. It's no longer used after updating ancestor dependency next. These dependencies need to be updated together.

Removes shell-quote

Updates next from 10.1.2 to 12.3.1

Release notes

Sourced from next's releases.

v12.3.1

Core Changes

Update react-server-dom-webpack: #40356

Fix flight manifest to include all chunks: #40365

docs: fix typos: #40342

Fix page url for edge routes in app dir: #40361

Subresource Integrity for App Directory: #39729

Stop build warning about experimental: { esmExternals: 'loose' }: #40377

Add template and error file types: #39808

Bump styled-jsx for showing displayName: #40411

fix(#40388): next/dynamic should only add default loading without suspense: #40397

Add missing trace for full reload event: #40393

feat(ts): expose AppType: #40391

Update dev watcher to ignore more accurately: #40412

Add failing case for location throw: #40445

Drop legacy RSC handling in client for pages: #40472

fix: eslint no-script-component-in-head error url: #40422

chore: Update swc: #40292

feat(edge): allows configuring Dynamic code execution guard: #39539

Rename allowDynamic to unstable_allowDynamic: #40496

Don't execute prefetches for bot user agents: #40435

Update semver of eslint-plugin-react: #40246

Clean up startTransition in Link: #40505

docs(README): next.js logo with dark mode: #40223

Passing down original sourcemap for flight client loader: #40508

next/script: make onLoad concurrent rendering resilient: #40191

chore: Update swc: #40520

Add missing feature in next-swc: #40550

Mask Flight Parameters from Middleware: #39939

Unwrap promise with experimental_use: #40575

fix(next/router): Prevent query delete in routing when next.config basePath option is truthy: #40566

fix(image): handle image imports with high aspect ratio: #40563

fix: loosen webpack compilation with fallbackNodePolyfills: false: #40612

Adding experimentalAdjustFallback feature to font optimization: #40185

fix: handle notFound: true in / with next export: #40592

refactor: split up CONTRIBUTING.md: #40515

Implement SWC transformer for server and client graphs: #40603

Fix edge wasm handling during deploy: #40625

Client directive: #40415

Remove internal client next api detection: #40646

Attach module trace for RSC related errors: #40652

Use createFromFetch instead of createFromReadableStream to fetch Flight: #40656

Change Flight response content type to application/octet-stream: #40665

Send web vitals to Vercel analytics in app: #40669

Refactor fetchServerResponse: #40674

Port page and layout level API assertions to SWC transform: #40653

Ensure smooth scroll is disabled for navigation in new and existing router: #40642

Upgrade to latest React experimental: #40672

Refine error messages: #40661

... (truncated)

Commits

980095d v12.3.1

4901fc7 v12.3.1-canary.5

a03cdc6 docs(examples): fix error connection handling (#40633)

5a50a99 Drop legacy RSC server and client extension (#40692)

35098a1 v12.3.1-canary.4

7f9fe8c chore: Refactor active-class-name example (#40670)

24b20dd chore: Migrate with-prefetching example to typescript (#40671)

6279dba Avoid direct React client API imports in the server graph (#40686)

aed2dc0 Add handling for static generation in app (#40561)

4a53582 fix(image): preload should respect crossOrigin (#40676)

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by vercel-release-bot, a new releaser for next since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 2
adding selection color

Trying out some issues labelled as good first issue, so feel free to provide feedback!

Sticking with the black and white theme of the site, I went with an inverse selection color:

opened by eoinmurphy 2
remove unnecessary tags
Realized that some tags are one-time use and can be generalized further.

Potential tags:

technical

non-technical

observation

realisation

interaction

experience

enhancement
opened by tusharnankani 0
feat: Add Anchor tags to jump to different sections of a blog post
Having Anchor tags to jump to different sections of a blog post would make it easier to

share particular sections of blogs.

jump to the desired sections in case of ToCs (Table of Contents).

Eg: It would be nice to have it in the Topics Discussed section of the MLog[0] blog post.

There are multiple ways to implement it. Some of them include

Having a 'chain symbol' (🔗) before the title that can

always be visible.

Eg: GitHub README.md files in mobile view

be visible on hovering the title.

Eg: GitHub README.md files in desktop view

Eg: Git Internals

Having a hash (#️⃣) after the title which can

always be visible.

Eg: https://www.industrialempathy.com/posts/design-docs-at-google/#anatomy-of-a-design-doc

be visible on hovering the title.

enhancement good first issue
opened by HarshKapadia2 3

Owner

Tushar Nankani

Community Lead @dsctsec | Developer | Computer Engineering || Looking for collaborations to build awesome things.

GitHub https://undirected-graph.netlify.app

Build a blog site using Nextjs, Tailwind css, GraphQL, Graph CMS

NextJs-GraphQL-blog-site 1. Key Features 2. Technologies I've used Key Features: ?? In Graph-CMS side we can create post, categories, check the commen

10 Dec 8, 2022

Gatsby-blog-cosmicjs - 🚀⚡️ Blazing fast blog built with Gatsby and the Cosmic Headless CMS 🔥

Gatsby + Cosmic This repo contains an example blog website that is built with Gatsby, and Cosmic. See live demo hosted on Netlify Uses the Cosmic Gats

0 Jan 29, 2022

This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog.

svelte-blogger This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog. This app also use graphql and use markd

6 Jun 23, 2022

don't use ml if graph is there

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

1 Dec 19, 2021

Diagram-maker - A library to display an interactive editor for any graph-like data.

Diagram Maker Diagram Maker is a library to display an interactive editor for any graph-like data. Following is a screenshot from one of the consumers

2.3k Dec 27, 2022

Visualize the Directed Acyclic Graph that Git creates to connect Commit, Tree and Blob objects internally.

Git Graph Visualize the Directed Acyclic Graph that Git creates to connect Commit, Tree and Blob objects. Hosted at HarshKapadia2.github.io/git-graph.

15 Aug 21, 2022

neo4j graph visualization using d3.js

neo4jd3.js 基于d3.js的封装的图数据库的可视化界面,不依赖任何外部框架如: vue, react等;内部实现了节点的展示 Code structure ├── core # core 核心功能 │ └── neo4jToolsIcon

6 Nov 7, 2022

Generate static open graph images for Next.js at build time

next-static-og-images Generate static Open Graph images for Next.js at build time Getting started Installation npm i -D next-static-og-images or yarn

5 Jan 26, 2022

A personal school project to model the behaviour of the human immune system as a network graph with interactive visualisation.

An educational tool designed to help users understand the immune system. Made using Processing 5 for Java Script

2 Jun 18, 2022

API dot Open Sauced is NestJS and SupaBase powered OAS3 backend designed to remove client complexity and provide a structured graph of all @open-sauced integrations

?? Open Sauced Nest Supabase API ?? The path to your next Open Source contribution ?? Prerequisites In order to run the project we need the following

13 Dec 18, 2022

Perform queries on the current graph and batch process on the results.

logseq-plugin-batch-op 对当前库进行查询并对查询结果进行批量操作。 Perform queries on the current graph and batch process on the results. 使用展示 (Usage) 批量删除 (Batch Delete) 批

22 Dec 1, 2022

Write something on your contribution graph!

GitWrite Write something on your contribution graph! What is GitWrite? GitWrite is a little tool I developed that lets you add a short message to a ye

23 Sep 19, 2022

A GitHub action to submit your dependency graph from your Mill build to GitHub.

Mill Dependency Submission A GitHub action to submit your dependency graph from your Mill build to GitHub via their Dependency Submission API. The mai

6 Dec 15, 2022

Successor of the flowchart-fun syntax. Store tabular data and graph information in the same document.

graph-selector-syntax A syntax for storing graphs and tabular data in plain text View Examples Installation npm install graph-selector Usage import {

32 Dec 15, 2022

CancerDB: A public domain knowledge graph about cancer treatments that compiles to a CSV file.

CancerDB: A public domain csv file to help build the next great cure CancerDB is a public domain database and website containing facts about all types

21 Dec 15, 2022

A GitHub action to generate a stackaid.json file based on your repository's dependency graph

generate-stackaid-json A GitHub action to generate a stackaid.json file based on your repository's dependency graph This action is primarily intended

5 Sep 15, 2022

Full stack app to journal and keep track of your overall mood each day of the year, inspired by GitHub's contribution graph.

Mood Tracker Mood tracker to journal and keep track of your overall mood each day of the year. How It's Made: Tech used: EJS, CSS, JavaScript, Node.js

44 Dec 14, 2022

Open, extensible, small and simple behaviour-graph execution engine

Behave-Graph Behave-Graph is a standalone library that implements the concept of "behavior graphs" as a portable TypeScript library with no external r

167 Dec 29, 2022

GPU supercharged attraction-graph visualizations built on top of Three.js

Force Directed Graph GPU supercharged attraction-graph visualizations for the web built on top of Three.js. Importable as an ES6 module. Simulation co

55 Dec 9, 2022