Git Product home page Git Product logo

abedzantout / nextjs-blog-starter-kit Goto Github PK

View Code? Open in Web Editor NEW
83.0 4.0 16.0 1.48 MB

NextJS Blog + Contentful Typescript Starter kit with Static Export ๐Ÿš€

Home Page: https://nextjs-static-starter-kit.netlify.com/

License: Creative Commons Attribution 4.0 International

TypeScript 65.33% JavaScript 18.76% SCSS 15.90%
nextjs javascript starter-kit boilerplate blog contentful static-site static-website starter googel-analytics

nextjs-blog-starter-kit's Introduction

๐Ÿ„โ€โ™‚๏ธ Abdul Rahman Zantout

Digital Craftsman (Developer/Creator)

I'm a Full-Stack Software Engineer. I specialize in Node and JavaScript, creating sophisticated web solutions and driving digital innovation. My experience spans from MENA to global tech arenas, building products for NGOs, health organizations, and startups.

Beyond my professional role, I'm an avid contributor to open-source projects, refining front-ends and enhancing API performance. My mission: to translate complex tech challenges into seamless digital experiences, sharing my journey with each line of code.

followers total stars


๐Ÿงฐ Languages and Tools

TypeScript

Angular

Git

HTML

CSS

JavaScript

React

NodeJS

Python

C++

GitHub

Bash


๐Ÿ“Š Stats:

Abed's github stats

๐ŸŒ Where to find me

Abdul Rahman Zantout | Linkdin Abdul Rahman Zantout | Twitter Abdul Rahman Zantout | website Abdul Rahman Zantout | Medium


nextjs-blog-starter-kit's People

Contributors

abedzantout avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

nextjs-blog-starter-kit's Issues

cannot get DOMAIN_NAME when building the sitemap

Minimal reproduction of the bug with instructions:

npm run export

Expected behavior:

Should be able to run successfully

Other information:

Instead because it is not in a node env run time, env is undefined so that not able to use the DOMAIN_NAME variable in the .env file

I would be willing to submit a PR to fix this issue:

[X] Yes (Assistance is provided if you need help submitting a pull request)
[ ] No

Migrate to GraphQL

Describe the feature you'd like:

  • Migrate from contentful npm package to graphql

Other information:

I would be willing to submit a PR to fix this issue:

[x] Yes (Assistance is provided if you need help submitting a pull request)
[ ] No

Fix the suggestions card styles.

Give the suggestions cards inside the post some style.

Set up the environment and contentful account, run the project, and click on a blog post.
The entire post is not styled well yet, but for now, we can focus on the three suggestions cards at the bottom.

image

Ideally, the cards should use the same component used for the cards on the home page of the blog. Doing so will maintain a consistent look.

For inspiration, take a look at the suggestions section on TechHive.IO's Blog.

If you believe you have a better idea for the card styles, please let me know. This is good PR for beginners, so please abide by our contributor's guide and let me know if you need any help.

Prod build post get 404

Minimal reproduction of the bug with instructions:

npm run build && npm run start
reload one of the post page

Expected behavior:

should see the post page with blog

Other information:

Instead it has 404 page for the innner container

I would be willing to submit a PR to fix this issue:

[X] Yes (Assistance is provided if you need help submitting a pull request)
[ ] No

Feat: Add suggestions

Describe the feature you'd like:

Add Suggestions to the blog posts

Other information:

We can filter suggestions by tag initially

I would be willing to submit a PR to fix this issue:

[x] Yes (Assistance is provided if you need help submitting a pull request)
[ ] No

Blog Post: Fix Blog Post Layout

Describe the feature you'd like:

Styling the entire blog post on the inside

Other information:

I would be willing to submit a PR to fix this issue:

[x] Yes (Assistance is provided if you need help submitting a pull request)
[ ] No

Enhance Sitemap generation

Describe the feature you'd like:

Other information:

I would be willing to submit a PR to fix this issue:

[x] Yes (Assistance is provided if you need help submitting a pull request)
[ ] No

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.