https://github.com/colbyfayock/next-sass-starter

Use Sass to start your Next.js app with CSS superpowers!
https://github.com/colbyfayock/next-sass-starter

nextjs sass vercel

Last synced: about 2 months ago
JSON representation

Use Sass to start your Next.js app with CSS superpowers!

• Host: GitHub
• URL: https://github.com/colbyfayock/next-sass-starter
• Owner: colbyfayock
• License: mit
• Created: 2020-08-10T03:03:29.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-24T15:05:43.000Z (almost 4 years ago)
• Last Synced: 2024-10-01T07:03:06.100Z (2 months ago)
• Topics: nextjs, sass, vercel
• Language: JavaScript
• Homepage: https://next-sass-starter.vercel.app
• Size: 146 KB
• Stars: 45
• Watchers: 4
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• Awesome-NextJs - next-sass-starter - [demo](https://next-sass-starter.vercel.app/) (Nextjs Starter)

README

        
# Next.js Sass Starter

[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)

Use Sass to start your Next.js app with CSS superpowers!

## ⚡️ Quick Start

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/project?template=https://github.com/colbyfayock/next-sass-starter)

## 🚀 Getting Started

Run the following command to create a new project with this Starter:

```

yarn create next-app my-app -e https://github.com/colbyfayock/next-sass-starter

# or

npx create-next-app my-app -e https://github.com/colbyfayock/next-sass-starter

```

Once the project and dependencies are finished installing, you can navigate to that directory and start up the development server with:

```

yarn dev

# or

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see your new project!

## 🧐 What's inside?

This Starter includes [Sass](https://sass-lang.com/) which is a way to provide superpowers to your CSS.

The rest of the Starter is based off of the Next.js default starter.

## 📚 Learn More About Next.js

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Colby Fayock
💻 📖

    
imad
💻

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!