Code Monkey home page Code Monkey logo

nextjs-template's Introduction

React, NextJS, TypeScript and TailwindCSS Template.

banner

💻 A template written in React with Next.js. Created to make developer's life easier, contains: Next.js, TypeScript, ESLint, Prettier, Husky, Framer-Motion, PostCSS, Tailwind CSS.

This template is free to use in your own Next.js project.

Features

Developer experience first:

Requirements

  • Node.js and a Node Package Manager (use pnpm please)

Getting started

Using the template:

  1. On GitHub.com, navigate to the main page of the repository.
  2. Above the file list, click Use this template.
  3. Select Create a new repository.
  4. Configure your own settings in github repo.
  5. Click Create repository from template.

Then, you can run locally:

pnpm install
pnpm run dev

Commiting

To commit you have to:

git add .
pnpm commit
follow the cli rules

Structure

.
├── public               # Public folder
│   └── assets           # Image used in readme
├── src
│   ├── app              # Application folder
│   ├── assets           # Assets used in application
│   ├── components       # Elements use in pages
│   ├── lib              # Library configuration
│   └── utils            # Aux and reusable functions
│       └── hooks        # React and usable hooks
├── tailwind.config.ts   # Tailwind CSS configuration
└── tsconfig.json        # TypeScript configuration

Everyone is welcome to contribute to this project 🤍

nextjs-template's People

Contributors

maiconlara avatar

Stargazers

Arthur Carneiro Lobo avatar

Watchers

 avatar

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.