Giter Club home page Giter Club logo

nextjs-boilerplate's Introduction

☂️ NextJS Boilerplate

This is a NextJS boilerplate that comes with TailwindCSS, Typescript, Prettier, and Mixpanel, making it easy for you to kickstart your Next.js projects with modern web development tools and best practices. It also includes Vercel integration for easy CI/CD setup and uses the shadcn/ui design system.

Features 🔥

  • 🚀 Next.js: A popular React framework for building server-rendered React applications.
  • 🎨 Comprehensive Design System: Built with shadcn/ui, a high quality design system for building modern web applications.
  • 📦 SWR: A React Hooks library for remote data fetching.
  • 📂 Lucide: A comprehensive & beautiful icon set with over 1,400 icons. lucide
  • 💅 TailwindCSS: A highly customizable CSS framework for building modern user interfaces.
  • 🔍 Typescript: A statically typed superset of JavaScript that provides better code quality and error checking.
  • 🔧 Prettier: An opinionated code formatter that enforces consistent code style for better code readability.
  • 📊 Mixpanel Tracking: Integrated tracking of user interactions and events for monitoring and analyzing traffic.
  • 🌍 Vercel: CI/CD integration with Vercel for seamless deployment and hosting of Next.js applications.

Quickstart 🚀

💾 Clone the repository

git clone https://github.com/NikSchaefer/nextjs-boilerplate.git

📂 Change directory to the cloned repository

cd nextjs-boilerplate

📦 Install dependencies

npm install

🏗️ Start the development server:

npm run dev or yarn dev

🌐 Open your browser and go to http://localhost:3000 to see the Next.js app running locally.

Deployment 🛠️

This boilerplate is configured to be easily deployed to Vercel. You can deploy the app to Vercel by following these steps:

  1. 🚀 Sign up for a free account on Vercel: https://vercel.com/signup
  2. 💻 Install the Vercel CLI globally on your machine: npm install -g vercel
  3. 🔑 Authenticate with your Vercel account: vercel login
  4. 🌍 Deploy the app: vercel
  5. 🎉 Follow the prompts to deploy the app to Vercel. Once deployed, you will receive a unique URL where your app is live.

Resources 🎨

Contact 💡

If you have any questions or suggestions regarding this project, or just want to say hi. You can contact us via the following methods:

We appreciate your interest and support in this project!

License 📜

MIT

nextjs-boilerplate's People

Contributors

code-factor avatar dependabot-preview[bot] avatar dependabot[bot] avatar hazimar avatar nikschaefer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

nextjs-boilerplate's Issues

[DepShield] (CVSS 5.3) Vulnerability due to usage of kind-of:4.0.0

Vulnerabilities

DepShield reports that this application's usage of kind-of:4.0.0 results in the following vulnerability(s):


Occurrences

kind-of:4.0.0 is a transitive dependency introduced by the following direct dependency(s):

next:10.0.4
        └─ webpack:4.44.1
              └─ micromatch:3.1.10
                    └─ snapdragon:0.8.2
                          └─ base:0.11.2
                                └─ cache-base:1.0.1
                                      └─ has-value:1.0.0
                                            └─ has-values:1.0.0
                                                  └─ kind-of:4.0.0

This is an automated GitHub Issue created by Sonatype DepShield. Details on managing GitHub Apps, including DepShield, are available for personal and organization accounts. Please submit questions or feedback about DepShield to the Sonatype DepShield Community.

[DepShield] (CVSS 7.4) Vulnerability due to usage of lodash.uniq:4.5.0

Vulnerabilities

DepShield reports that this application's usage of lodash.uniq:4.5.0 results in the following vulnerability(s):


Occurrences

lodash.uniq:4.5.0 is a transitive dependency introduced by the following direct dependency(s):

@mdx-js/loader:1.6.22
        └─ @mdx-js/mdx:1.6.22
              └─ lodash.uniq:4.5.0

This is an automated GitHub Issue created by Sonatype DepShield. Details on managing GitHub Apps, including DepShield, are available for personal and organization accounts. Please submit questions or feedback about DepShield to the Sonatype DepShield Community.

[DepShield] (CVSS 7.4) Vulnerability due to usage of lodash.sortby:4.7.0

Vulnerabilities

DepShield reports that this application's usage of lodash.sortby:4.7.0 results in the following vulnerability(s):


Occurrences

lodash.sortby:4.7.0 is a transitive dependency introduced by the following direct dependency(s):

next:10.0.4
        └─ @next/react-dev-overlay:10.0.4
              └─ source-map:0.8.0-beta.0
                    └─ whatwg-url:7.1.0
                          └─ lodash.sortby:4.7.0

This is an automated GitHub Issue created by Sonatype DepShield. Details on managing GitHub Apps, including DepShield, are available for personal and organization accounts. Please submit questions or feedback about DepShield to the Sonatype DepShield Community.

[DepShield] (CVSS 5.3) Vulnerability due to usage of kind-of:3.2.2

Vulnerabilities

DepShield reports that this application's usage of kind-of:3.2.2 results in the following vulnerability(s):


Occurrences

kind-of:3.2.2 is a transitive dependency introduced by the following direct dependency(s):

next:10.0.4
        └─ webpack:4.44.1
              └─ micromatch:3.1.10
                    └─ braces:2.3.2
                          └─ fill-range:4.0.0
                                └─ is-number:3.0.0
                                      └─ kind-of:3.2.2
                          └─ snapdragon-node:2.1.1
                                └─ snapdragon-util:3.0.1
                                      └─ kind-of:3.2.2
                    └─ snapdragon:0.8.2
                          └─ base:0.11.2
                                └─ cache-base:1.0.1
                                      └─ has-value:1.0.0
                                            └─ has-values:1.0.0
                                                  └─ is-number:3.0.0
                                                        └─ kind-of:3.2.2
                                      └─ to-object-path:0.3.0
                                            └─ kind-of:3.2.2
                                └─ class-utils:0.3.6
                                      └─ static-extend:0.1.2
                                            └─ object-copy:0.1.0
                                                  └─ kind-of:3.2.2
                          └─ define-property:0.2.5
                                └─ is-descriptor:0.1.6
                                      └─ is-accessor-descriptor:0.1.6
                                            └─ kind-of:3.2.2
                                      └─ is-data-descriptor:0.1.4
                                            └─ kind-of:3.2.2
              └─ watchpack:1.7.5
                    └─ watchpack-chokidar2:2.0.1
                          └─ chokidar:2.1.8
                                └─ braces:2.3.2
                                      └─ fill-range:4.0.0
                                            └─ is-number:3.0.0
                                                  └─ kind-of:3.2.2

This is an automated GitHub Issue created by Sonatype DepShield. Details on managing GitHub Apps, including DepShield, are available for personal and organization accounts. Please submit questions or feedback about DepShield to the Sonatype DepShield Community.

[DepShield] (CVSS 5.3) Vulnerability due to usage of kind-of:5.1.0

Vulnerabilities

DepShield reports that this application's usage of kind-of:5.1.0 results in the following vulnerability(s):


Occurrences

kind-of:5.1.0 is a transitive dependency introduced by the following direct dependency(s):

next:10.0.4
        └─ webpack:4.44.1
              └─ micromatch:3.1.10
                    └─ snapdragon:0.8.2
                          └─ define-property:0.2.5
                                └─ is-descriptor:0.1.6
                                      └─ kind-of:5.1.0

This is an automated GitHub Issue created by Sonatype DepShield. Details on managing GitHub Apps, including DepShield, are available for personal and organization accounts. Please submit questions or feedback about DepShield to the Sonatype DepShield Community.

[DepShield] (CVSS 7.5) Vulnerability due to usage of debug:2.6.9

Vulnerabilities

DepShield reports that this application's usage of debug:2.6.9 results in the following vulnerability(s):


Occurrences

debug:2.6.9 is a transitive dependency introduced by the following direct dependency(s):

next:10.0.4
        └─ webpack:4.44.1
              └─ micromatch:3.1.10
                    └─ extglob:2.0.4
                          └─ expand-brackets:2.1.4
                                └─ debug:2.6.9
                    └─ snapdragon:0.8.2
                          └─ debug:2.6.9

This is an automated GitHub Issue created by Sonatype DepShield. Details on managing GitHub Apps, including DepShield, are available for personal and organization accounts. Please submit questions or feedback about DepShield to the Sonatype DepShield Community.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.