Next.js Starter with dynamic layouts

Next.js starter app with a dynamic layout by iJS.to.

• Next.js app with dynamic layout handled find it in layouts/ folder.

• custom _app.js file to support the layouts component

• Modular CSS examples

• dynamic and static page examples

You can see a live demo of this repo at ilayout-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/ilayout-nextjs.git

2. Enter the directory

cd ilayout-nextjs

3. Install project dependencies

yarn or npm install or npm i

To run the project locally:

yarn dev or npm run dev

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

The starter is now ready - have fun!

Contributing

Have an idea how to make this starter better/more useful? Please submit a PR.

Happy coding!

JavaScript tutorials at iJS.to