https://github.com/ijsto/showroom-react-slideout

React-SlideOut demos
https://github.com/ijsto/showroom-react-slideout

Last synced: 4 days ago
JSON representation

React-SlideOut demos

• Host: GitHub
• URL: https://github.com/ijsto/showroom-react-slideout
• Owner: ijsto
• Created: 2020-03-10T22:44:20.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T11:03:03.000Z (almost 2 years ago)
• Last Synced: 2024-03-25T21:52:45.071Z (8 months ago)
• Language: JavaScript
• Homepage: https://slideout.now.sh
• Size: 2.34 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Next.js Starter with dynamic layouts


[![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.

- 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](https://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](https://github.com/ijsto/istyled-nextjs)

```

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