Next.js TypeScript TailwindCSS & Sass Starter
Use TypeScript, TailwindCSS & Sass to quick start your new Next.js app!!
⚡️
Quick Start
🚀
Getting Started
Run the following command to create a new project with this Starter:
yarn create next-app my-app -e https://github.com/MikevPeeren/next-typescript-tailwindcss-sass-starter
# or
npx create-next-app my-app -e https://github.com/MikevPeeren/next-typescript-tailwindcss-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 with your browser to see your new project!
🧐
What's inside?
This Starter includes
- Sass - Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
- Tailwindcss - A utility-first CSS framework packed with classes
- TypeScript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
- Next.js - The React Framework for Production
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 - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
chore(deps-dev): bump eslint-config-next from 13.0.7 to 13.1.1
⚠️ Dependabot is rebasing this PR ⚠️
Rebasing might not happen immediately, so don't worry if this takes some time.
Note: if you make any changes to this PR yourself, they will take precedence over the rebase.
Bumps eslint-config-next from 13.0.7 to 13.1.1.
Release notes
Sourced from eslint-config-next's releases.
... (truncated)
Commits
4ac737e
v13.1.1f0a8b7e
v13.1.1-canary.144548dd
v13.1.1-canary.002489c2
v13.1.087ca16f
v13.0.8-canary.50572e21
v13.0.8-canary.413a3a9c
v13.0.8-canary.30ac617e
v13.0.8-canary.27368b6f
v13.0.8-canary.10715af8
v13.0.8-canary.0Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps): bump next from 13.1.0 to 13.1.1
Bumps next from 13.1.0 to 13.1.1.
Release notes
Sourced from next's releases.
... (truncated)
Commits
4ac737e
v13.1.1f0a8b7e
v13.1.1-canary.1b0a1e99
Fixnext/image
404 whenbasePath
andtrailingSlash
defined (#44312)f0aa10b
Remove experimental for modularizeImports from docs and example (#44311)44548dd
v13.1.1-canary.000b2113
Fix CSS resource path not matched in__entry_css_files__
(#44310)fd0d0f5
Excludesrcset
from svg image (#44308)8a9133d
Updated dependencies forwith-tailwindcss
example (#44289)fd9ec64
Use turbo for packing files in test setup (#44074)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps): bump @next/font from 13.1.0 to 13.1.1
Bumps @next/font from 13.1.0 to 13.1.1.
Release notes
Sourced from
@next/font
's releases.... (truncated)
Commits
4ac737e
v13.1.1f0a8b7e
v13.1.1-canary.144548dd
v13.1.1-canary.0Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump eslint-config-next from 13.0.7 to 13.1.0
Bumps eslint-config-next from 13.0.7 to 13.1.0.
Release notes
Sourced from eslint-config-next's releases.
... (truncated)
Commits
02489c2
v13.1.087ca16f
v13.0.8-canary.50572e21
v13.0.8-canary.413a3a9c
v13.0.8-canary.30ac617e
v13.0.8-canary.27368b6f
v13.0.8-canary.10715af8
v13.0.8-canary.0Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump prettier from 2.7.1 to 2.8.1
Bumps prettier from 2.7.1 to 2.8.1.
Release notes
Sourced from prettier's releases.
Changelog
Sourced from prettier's changelog.
... (truncated)
Commits
cd1df1a
Release 2.8.15541a63
Remove version validation1cf760a
Support decorator auto accessors syntax (#13919)aa34209
test: format instantiation expr in logical expr (#13897)957b4f2
Build(deps): Bump decode-uri-component from 0.2.0 to 0.2.2 in /website (#13933)e4240ae
Add tests for keyword class property (#13927)655a161
Add tests for multiple comments (#13890)4a1e32a
Fixed scss function arguments on different lines in maps #9128 (#9184)38806fe
Migrate from probot/no-response to lee-dohm/no-response (#13891)a60bee2
Add '--single-attribute-per-line' option to Playground (#13587)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump @types/node from 18.11.7 to 18.11.17
Bumps @types/node from 18.11.7 to 18.11.17.
Commits
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps): bump next from 13.0.0 to 13.0.7
Bumps next from 13.0.0 to 13.0.7.
Release notes
Sourced from next's releases.
... (truncated)
Commits
892eb61
v13.0.76a00737
v13.0.7-canary.735f1a35
feat: enables 'edge' as a possible runtime for API routes (#44045)6aae39c
Fix app client entry key for windows (#44011)d5fd2d7
Fix.images.remotePatterns[0].port
warning (#44032)7c1ac89
not ie 11 is dead (#44029)16a1116
Replace taskr.watch for core compilation (#44027)2416357
docs: fix wording (#44020)6d3be75
Adding data attr to inlined font definition (#44008)7b84d63
Add docs for missing support on custom routes (#44007)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump eslint-config-next from 13.0.0 to 13.0.7
Bumps eslint-config-next from 13.0.0 to 13.0.7.
Release notes
Sourced from eslint-config-next's releases.
... (truncated)
Commits
892eb61
v13.0.76a00737
v13.0.7-canary.70269f1c
v13.0.7-canary.65e50fce
v13.0.7-canary.59d97a1e
v13.0.7-canary.457515a7
v13.0.7-canary.3ea21c66
v13.0.7-canary.29329743
v13.0.7-canary.1166e5fb
v13.0.7-canary.05003add
v13.0.6Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps): bump @next/font from 13.0.0 to 13.0.7
Bumps @next/font from 13.0.0 to 13.0.7.
Release notes
Sourced from
@next/font
's releases.... (truncated)
Commits
892eb61
v13.0.76a00737
v13.0.7-canary.76aae39c
Fix app client entry key for windows (#44011)0269f1c
v13.0.7-canary.65e50fce
v13.0.7-canary.55cf7408
Update@next/font
data (#43883)9d97a1e
v13.0.7-canary.4df8dde7
Refactoring in@next/font
(#43848)57515a7
v13.0.7-canary.3ea21c66
v13.0.7-canary.2Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump @types/node from 18.11.7 to 18.11.15
Bumps @types/node from 18.11.7 to 18.11.15.
Commits
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump @types/node from 18.11.7 to 18.11.14
Bumps @types/node from 18.11.7 to 18.11.14.
Commits
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump eslint-config-prettier from 8.5.0 to 8.6.0
Bumps eslint-config-prettier from 8.5.0 to 8.6.0.
Changelog
Sourced from eslint-config-prettier's changelog.
Commits
414495d
eslint-config-prettier v8.6.0ebcb0bf
Update npm packages (#236)879e82e
feat: off vue/multiline-ternary rule (#234)1218d22
ci: harden workflows (#232)a57a3bb
ci: bump github actions (#221)ab47f02
Bump minimist from 1.2.5 to 1.2.6 (#220)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)