GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → vickOnRails → Next Starter Peacock

vickOnRails / Next Starter Peacock

Licence: mit
🦚 Beautiful Nextjs starter for software engineers and designers to show work they're so proud of

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

reactfrontendnextjs

Projects that are alternatives of or similar to Next Starter Peacock

Amazon Next
A simple mock and re-concept of Amazon - built with Next.js, Firebase, and Framer Motion
Stars: ✭ 112 (+111.32%)
Mutual labels:  nextjs, frontend
Pwa Boilerplate
✨ PWA Boilerplate is highly scalable and is designed to help you kick-start your next project 🔭.
Stars: ✭ 82 (+54.72%)
Mutual labels:  nextjs, frontend
Nextjs Multiple Domains
Example using SSR to handle multiple domains on the same project.
Stars: ✭ 46 (-13.21%)
Mutual labels:  nextjs
Nextjs Hn
A Hacker News Progressive Web App built using Next.js
Stars: ✭ 53 (+0%)
Mutual labels:  nextjs
Kohei.dev
🌎 A Production-level Single Page App with Server Side Rendering
Stars: ✭ 50 (-5.66%)
Mutual labels:  nextjs
Company Structure
A company structure with a list of projects and their users
Stars: ✭ 48 (-9.43%)
Mutual labels:  frontend
Gdbgui
Browser-based frontend to gdb (gnu debugger). Add breakpoints, view the stack, visualize data structures, and more in C, C++, Go, Rust, and Fortran. Run gdbgui from the terminal and a new tab will open in your browser.
Stars: ✭ 8,339 (+15633.96%)
Mutual labels:  frontend
Nookies
🍪 A set of cookie helpers for Next.js
Stars: ✭ 1,035 (+1852.83%)
Mutual labels:  nextjs
Icestark
🐯 Micro Frontends solution for large application（面向大型应用的微前端解决方案）
Stars: ✭ 1,073 (+1924.53%)
Mutual labels:  frontend
Jobforme
This is a project for people who are looking for work.
Stars: ✭ 50 (-5.66%)
Mutual labels:  nextjs
Midu.dev
midu.dev blog 📝
Stars: ✭ 53 (+0%)
Mutual labels:  frontend
Tech Logo Memo Game
🖱️🖱️🖕🖕🤯🤯🤯technology logo memory game, including frontend and backend
Stars: ✭ 49 (-7.55%)
Mutual labels:  frontend
Nextjs With Lambda
Next.js example with deploying to AWS Lambda
Stars: ✭ 48 (-9.43%)
Mutual labels:  nextjs
Nextjs Material Dashboard
NextJS version of Material Dashboard React
Stars: ✭ 50 (-5.66%)
Mutual labels:  nextjs
Getlink Next
Get Link!
Stars: ✭ 48 (-9.43%)
Mutual labels:  nextjs
Svelte Store Router
Store-based router for Svelte
Stars: ✭ 54 (+1.89%)
Mutual labels:  frontend
Intercom Clone
Intercom clone built with NextJS and TailwindCSS
Stars: ✭ 48 (-9.43%)
Mutual labels:  nextjs
Next Landing Vpn
An Open Source Landingpage For VPN or Apps. Build using NextJS 10 and Tailwind v2.0
Stars: ✭ 49 (-7.55%)
Mutual labels:  nextjs
Next Express Monorepo Starter
NextJS, Express and Now as Microservices with Yarn & Lerna Workspaces
Stars: ✭ 50 (-5.66%)
Mutual labels:  nextjs
Monster Ui
The JavaScript framework to leverages the power of Kazoo
Stars: ✭ 54 (+1.89%)
Mutual labels:  frontend
View All Similar Projects ➔

Next Starter Peacock

🦚 Next Starter Peacock

Peacock is a NextJS portfolio Starter for software engineers and designers. Showcase your awesome work and build personal sites you're proud of.

Features

  • Styled with EmotionJS💅🏾
  • Written in TypeScript ⚛
  • Blog, Notes and Work content types 🖊

Getting Started

  1. Fork the project. (It's highly recommended to fork the project to get upcoming features and bug fixes)

  2. Clone your fork

git clone https://github.com/<your-username>/next-starter-peacock.git
  1. Jump into the directory and Install dependencies
cd next-starter-peacock && yarn

or

cd next-starter-peacock && npm install
  1. Start the dev server
yarn dev

or

npm run dev
  1. Find config/index.json, change name and title to your name and title. Save and open http://localhost:3000 with your browser 💥💥💥. See the results 😊.

Customize Peacock

Peacock ships with 3 basic content types

  • Articles: Long form content. Think blog posts 📚. All articles are in the /content/articles folder. Any markdown document you add here will show on the /articles page.
  • Notes: Short form Spontaneous content 🖋. All notes are in the /content/notes folder.
  • Works: Case studies and projects you want to show 🛠. All works are in the /content/works folder. There's a selectedWork field in the markdown meta. Setting it to true will display the case study/work on the index.tsx page.

Deploy to 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.

Contributing

The best way you can contribute to peacock is by creating issues, reporting bugs and propose new features. If you're kind enough and have extra time, you can help on some features. Here's the simple workflow

  • Open issue to see if the feature is already worked on
  • Get go ahead to work on feature if it's not taken
  • Fork next-starter-peacock
  • Create your branch and do your magic
  • Send pull request
  • Pull request is merged

The fastest way to get an answer to your question is to reach out via Twitter. Feel free to through a tweet or DM.

Todo

  • [x] Test rendering and styling of standard HTML elements
  • [x] Replace personal portfolio content with demo content
  • [x] Add simpler notes page
  • [x] Image optimization (Fixed image heights to avoid layout janks)
  • [ ] Release V1
  • [ ] Add page transitions with react-spring
  • [ ] Add mdx support
  • [x] Code syntax highlighting
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].