Next.js Starter with dynamic layouts

This is a free Next.js starter project with dynamic layouts by iJS.to.

This project features the following:

• Next.js app with dynamic layouts handled by components in layouts/ folder.

• custom _app.js file to support the layouts component

• dynamic and static page examples

• setup to work with Styled Components />

You can see a live demo of this repo at istyled-nextjs.now.sh

About

This is a Next.js starter project with dynamic layouts.

The purpose is to have different layouts for different parts of your website. For example you may want to display a different layout for user dashboard, single blog post and blog post lists - we'll call them SingleBookLayout instead of SingleBlogPost, because why not. ¯\_(ツ)_/¯

This example has been prepared to core 2 cases - main layout and single blog post.

Get Started (3 minutes)

1. Clone the the starter repo

git clone https://github.com/ijsto/istyled-nextjs.git

2. Enter the directory

cd istyled-nextjs

3. Install project dependencies

npm install or npm i

To run the project locally:

npm run dev

Starter project is live at: http://localhost:3000

The starter is now ready - have fun!

Contributing

All contributions and/or feature requests are most welcome!

iJS.to