notjust-dev/notjustdev

notJust Development Platform

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://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

notjustdev's Issues

Youtube courses

Gather all the youtube courses in a structured way on the website.

People find it hard to find on the youtube channel all the episodes in one project, and they might miss out on a lot of content.

For this, we need to structure all our projects on the website, and on the detailed page of the project, add

• Title
• Description
• What will they learn
• Complexity
• Time to complete
• What will they learn by building it
• Prerequisites + Asset bundle link
• And lastly, links to all the episodes (using the YoutubeVideoMock component)

To do:

• Render Subpages
• Refactor rendering and subpages
• Display all the subpages, in a ToC style (similar to Nextjs docs)

The idea is to create simple weather app with fetching data from api and show this data to react native widget.

The idea is to create simple weather app with fetching data from api and show this data to react native widget.

Originally posted by @muhammadbilal254 in https://github.com/notJust-dev/DEVember/discussions/96

Fix image sizes

Fix the image sizes that are displayed on blog post pages.

At the moment, the image is displayed with a fixed aspect ratio. If the image has a very small height (ex: a screenshot of a line of text), the image still is displayed in a box of 9:16, which adds unnecessary spaces on top and bottom.

H1 titles in blog posts should not be alloewed

Based on best SEO practices, only 1 H1 header should be on the page, wich is the title of the article.

• Update all existing blog posts not to have h1
• Enforce this rule programmatically and throw an error if it is used

Blog post chapters (table of contents)

Gather all the headers from the blog post, and render them in a table of contents.

On the web, it can be displayed on the side and is always visible.

Check what extra steps should be done to be displayed on google searches with the table of contents.

• Generate and Render ToC
• Add links to headings
• Link ToC items to headings
• Sticky ToC
• Show active link in ToC
• SEO ToC
• Max height of the ToC
• Mobile friendly
• Smooth page scroll for ToC
• Make the ToC
• Add the introduction ToC entry
• When navigating through ToC, the URL doesn't change
• Display onle h2 and h3 titles
• (Ignored) Smooth page scroll when clicking on the heading copy link

Add padding to the blog content on mobile

Add "Buy me a coffee" for authors

Blog post authors

Add a section with the author of the blog post, at the end of the page.

Important information:

• Image
• Full name
• one-liner (similar to LinkedIn: where you work, or anything interesting)
• Social links (twitter, LinkedIn, github)

Convertkit form is added multiple times when component rerenders

Related blog posts

When the user finishes reading a blog post, recommend him other posts he should read.

This will also contribute to the SEO

Blog post reactions

Add some way of reacting to the blog post, to be able to understand the performance of the post

Update packages