Git Product home page Git Product logo

next-starter-peacock's Introduction

Hi ๐Ÿ‘‹๐Ÿพ,

I have 5 years experience as a software engineer, building tools and products that help people achieve more. I have previously worked for companies like Staffbase, Contentful, etc. Right now I am available for senior frontend-focused positions to build more tools to help people achieve more. I bring a ton of experience building design systems, also for accessibility and performance. Feel free to reach out!

next-starter-peacock's People

Contributors

dependabot[bot] avatar imadatyatalah avatar josehower avatar karlhorky avatar prochalu avatar renovate-bot avatar vickonrails 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

next-starter-peacock's Issues

Upgrade to nextjs 13's new app router

Is your feature request related to a problem? Please describe.
There's currently a lot of duplicated code for different types of page layouts. It would be nice to take advantage of the new and shiny features in Nextjs 13.2 (App router and react server components).

Describe the solution you'd like
Migrate the whole code to the new app router, so it can also implement server components.

Support for categories and tags

Is your feature request related to a problem? Please describe.
Yes. There is currently no way to group related content or content in the same category

Describe the solution you'd like
A Tags and Categories feature so content can be more organized.

Additional context
Peacock was made mainly to help designers and engineers show their work. I currently use this starter for my personal site which has become content-heavy in some way. And most engineers/designers have personal blogs. I would now appreciate tags and categories on this starter.

metadata slug does not determine actual content slug

Describe the bug
When I add metadata to a content file, I expect the content to now be found at that slug. For instance

---
title: "Two Forms of Pre-rendering"
date: "2020-01-01"
slug: "markdown-3"
previewImage: "/images/notes/markdown_2.jpg"
description: "Designing and building a website to connect quality photographers in Lagos, Nigeria"
---

I expect the content to be at http://next-starter-peacock.vercel.app/notes/markdown-3, but it doesn't work that way. The only way to make it work is to make the filename match exactly with the slug. In this case, I would name the file markdown-3.md.

Expected behavior
I want to be able to determine the slug of the content by just the metadata. Irrespective of what the filename is. For example:

Imagine I have a file with the name new-content.md. I want the content to be found at http://next-starter-peacock.vercel.app/notes/new-site-content by specifying the slug.

---
title: "Two Forms of Pre-rendering"
date: "2020-01-01"
slug: "new-site-content"
---

Add an RSS feed

Is your feature request related to a problem? Please describe.
A friend suggested I add an RSS feed to my personal site (based on this starter). I never thought about an RSS feed before now, but it sounds like a great idea for people to subscribe to your content.

rss-image

Describe the solution you'd like
Implement an RSS feed for RSS readers. Ideally at siteurl/rss.xml

More details needed for adding MDX support

Hi,
I would like to work on adding MDX support if it is not taken by someone else yet. I have few questions for this.

  • After adding MDX support will .md files coexist with .mdx files ? Meaning we can either write in .md or .mdx.
  • Are we going to use MDX parsing for .md files ?
  • Will .mdx files treated directly as pages or it will follow same structure as .md files ?

Content does not order chronologically

Describe the bug
Content (notes, articles, and case studies) does not order by date. It's currently ordered by the filename.

For instance

  • markdown-1.md
  • markdown-2.md

markdown-1 will come first because it comes first in the file system. Ideally, this should be sorted by date of publishing instead.

To Reproduce
Steps to reproduce the behavior:

  1. Add a new file named markdown-3.md to notes.
  2. Make the slug exactly the title (markdown-3.md).
  3. Start the app and go to /notes.
  4. Despite the date specified in the metadata, the order is still determined by the order of the file in the file system.

Expected behavior
The newly added content should show at the topmost position because the date is more recent.

Switch styling from emotion to tailwindcss

Is your feature request related to a problem? Please describe.

  • Emotion doesn't play too nicely with react server components at the moment.
  • A lot more developers are conversant with tailwind
  • It's easier to implement things like dark mode, theming etc with tailwind

Describe the solution you'd like
Switching styling from emotion to tailwind

Additional context

  • This will be the basis for a couple more visual improvements coming, e.g. dark mode, styling flexibility.

RSS guid is new for each build

Describe the bug
It seems that every time a build is produced it generates new guid for the rss feed causing all articles to be show as new articles.

To Reproduce
Add the site to an RSS reader (inoreader in my case)
Read all articles, wait for new articles or a new build
All articles appear as unread

Expected behavior
Only new articles have a new guid

Screenshots
Screenshot 2021-05-10 at 20 00 35
(All have the same update time)

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.