https://github.com/ijsto/ithemed-nextjs

Next.js starter app with Styled-Components, dynamic layouts and basic theming
https://github.com/ijsto/ithemed-nextjs

Last synced: 4 days ago
JSON representation

Next.js starter app with Styled-Components, dynamic layouts and basic theming

• Host: GitHub
• URL: https://github.com/ijsto/ithemed-nextjs
• Owner: ijsto
• Created: 2019-11-17T17:26:16.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T01:03:32.000Z (almost 2 years ago)
• Last Synced: 2024-03-25T21:52:44.441Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.14 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 14
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Themed Next.js Starter app with Styled-Components


[![github follow](https://img.shields.io/github/followers/ijsto?color=%23ff665a&label=Follow%20iJS.to&logo=github&style=for-the-badge)](https://github.com/ijsto)

[![ijs](https://img.shields.io/badge/learn%20code-black?&message=Courses&style=for-the-badge&label=ijs.to&colorA=FF6666&colorB=776677)](https://ijs.to)

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)

This is a free Next.js starter project with dynamic layouts by [iJS.to](https://ijs.to).

This project features the following:

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

- pre-configured to work with Styled Components />

- custom \_app.js file to support the layouts component

- dynamic and static page examples

- basic theming with Styled Components />

You can see a live demo of this repo at [ithemed-nextjs.now.sh](https://ithemed-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](https://github.com/ijsto/ithemed-nextjs)

```

git clone [email protected]:ijsto/ithemed-nextjs.git

```

2. Enter the directory

```

cd ithemed-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](https://ijs.to)