https://github.com/spongejump/next-pattern

https://github.com/spongejump/next-pattern

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/spongejump/next-pattern
• Owner: spongejump
• Created: 2024-07-05T18:40:55.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-07-05T18:46:07.000Z (almost 2 years ago)
• Last Synced: 2025-03-20T08:41:24.339Z (about 1 year ago)
• Language: TypeScript
• Size: 755 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Next.js Full-stack starter template 2024

Welcome to the Next.js Full-stack starter template! This template provides a starting point for creating full-stack applications with Next.js.

![Next.js](https://img.shields.io/badge/next.js-242424?style=for-the-badge&logo=nextdotjs&logoColor=white)

![Next-Auth](https://img.shields.io/badge/Next%20Auth-563D7C?style=for-the-badge&logoColor=white)

![Typescript](https://img.shields.io/badge/Typescript-007acc?style=for-the-badge&logo=typescript&logoColor=fff)

![React](https://img.shields.io/badge/-React-61DBFB?style=for-the-badge&logo=react&logoColor=black)

![Ant-Design](https://img.shields.io/badge/AntDesign-0170FE?style=for-the-badge&logo=antdesign&logoColor=white)

![MongoDB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)

![SASS Badge](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)

## Features ⚡

- **NextAuth:** Integration of NextAuth for authentication, providing support for various authentication providers.

- **TypeScript:** Developed with TypeScript for type safety and improved developer experience.

- **MongoDB:** Integration with MongoDB for database management and storage.

- **Ant Design:** Includes Ant Design for UI components, providing a sleek and modern design out of the box.

- **Styling:** Style using CSS, SASS, SCSS, or CSS-in-JS.

![Screenshot](https://img.hotimg.com/ss0801c6061e6c5b5d.png)

---

## How to use this template? 🤔

To get started with this template, you just need to follow these simple steps:

1. Clone the repository:

   ```

   git clone https://github.com/gungho0619/next-pattern.git

   ```

2. Install dependencies:

   ```

   npm i

   ```

3. Add `.env` file and add the values for the following keys:

   ```

    NEXTAUTH_URL=

    NEXTAUTH_SECRET=

    GOOGLE_ID=

    GOOGLE_CLIENT_SECRET=

    GITHUB_ID=

    GITHUB_CLIENT_SECRET=

    MONGODB_URI=

   ```

4. Run project locally

   ```

   npm run dev

   ```