alexrusselldev / portfolio-site-template Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 155 KB

Portfolio and blog site template.

Home Page: https://next-mdx-site.vercel.app

Shell 0.54% JavaScript 2.60% TypeScript 83.26% CSS 2.12% MDX 11.48%

portfolio-site-template's Introduction

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

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.

portfolio-site-template's People

Contributors

Stargazers

Watchers

portfolio-site-template's Issues

Script for rearranging the navBar

npm script that starts an interactive process to rearrange the nav.

Rough flow should be:

Load a list of pages and display them
User can navigate the list and add them to a list of pages that are shown on the navbar
Keybinding for removing last page from shown list
Keybinding to save and exit
Page files are then all updated based on whether they are in the shown list or not and their position in the list

Images broken on netlify deployment

Images are broken on the Netlify deployment

This appears to be an issue with the netlify next.js runtime and having "type": "module" in the package.json file.

See this issue: netlify/next-runtime#1456

Implement shadcn/ui

shadcn/ui seems like exactly what we need fora basic styling of the site

Mobile navigation menu

Currently the nav bar just turns into a vertical list on small screens.

Ideally this should be replaced with some kind of interactive mobile menu that can be hidden.

Advanced pages hierarchy

Currently the blog page is hardcoded to allow it to have children.

We should include a boolean isParent property in the frontmatter of a page content file.

The root page.tsx file should then search for this flag and include child pages from the /content/[slug] directory. It can then display a content grid based on this. Errors should be handled gracefully.

The new:page script will need to be updated to reflect this. It should configure frontmatter and the content directory for the page.

The new:post script will need to be updated to reflect this. It should use the frontmatter of the root content files to determine a list of collections that a post could be added to and then display this as a select option in the prompts question.

Implement rendering functionality
Implement error handling
- Errors when running in dev mode
- Errors when building
Update new:page script to add bolean isParent to frontmatter and to create content directory.
Update new:post script to first prompt the user to choose a collection to add the post to.