Next.js & styled-components Starter Template

This starter template is built with Next.js and styled-components.

Here is the Demo on Vercel (nextjs-styled-components-starter).

This starter includes:

• styled-components and Babel config
  • Theme provider
• With and without layouts pages
• Custom navbar component
• Some shared components
  • Button
  • Layout
• Svg icon file structure
• Custom fonts setup

Aim

The aim of the template is to provide a starting point for building a Next.js project with some commonly used features and configurations already set up.

One-click Deploy

You can deploy this template to Vercel with the button below:

You can also clone & create this repo locally with the following command:

npx create-next-app next-starter --example "https://github.com/nurullahkilic/nextjs-styled-components-starter"

Deploy it to the cloud with Vercel (Documentation).

Setup

Make sure to install the dependencies:

# yarn
yarn

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Configuration

1. Update your name in package.json.
2. Just install the dependencies.

Author

• Nurullah Kılıç (@nurullahkilic)