fullstack-next-template - GitLite

KO | EN

gitlite — search

#javascript #python #typescript #deep-learning #docker #nodejs #java #vue #pytorch #security #mcp #ios #openai #open-source

fullstack-next-template

(★ 175)

Fullstack TypeScript Next.js Boilerplate with modular architecture with full customization.

파일 탐색기

최종 버전 다운로드 (.zip)

- dependabot.yml
- FUNDING.yml
- settings.json
- file.svg
- globe.svg
- next.svg
- vercel.svg
- window.svg
- - declaration.d.ts
  - global.ts
- - favicon.ico
  - layout.tsx
  - page.ts
- - envs.ts
  - sites.ts
.env.example
.gitignore
DOCS.md
eslint.config.mjs
headers.config.js
LICENSE
next-env.d.ts
next.config.ts
package-lock.json
package.json
postcss.config.mjs
README.md
tsconfig.json
webpack.config.js

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/gadingnst/fullstack-next-template

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd fullstack-next-template

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm run dev

개발/실행 서버를 켭니다.

yarn dev

개발/실행 서버를 켭니다.

pnpm dev

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Features
This `starter-template` is packed with:

- 🎉 Next.js (with [App Directory](https://nextjs.org/docs/app)).
- ⚛️ React.
- ✨ TypeScript.
- 💨 Tailwind CSS - Pre-setup with PostCSS Nesting and Import.
- 👀 SVGR - Pre-Configured import SVG directly transform to React Component with type definitions
- 📈 Path Alias - Import your module in `src` using `@/` prefix, and in `public` using `#/`.
- 📏 ESLint - Find and fix problems in your code.
- 🧩 Pre-built ***components*** to handle dynamic Lazyload, Image and SVG in `packages/components/base`.
- ⚡️ Pre-setup ***backend things*** in `packages/server/` folders.
- 🪄 Pre-built ***utilities*** to handle common things in backend and frontend.
- 🔥 Minimal dependencies & full of customization

## Getting Started

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

`API routes` with [Route handlers](https://nextjs.org/docs/app/building-your-application/routing/router-handlers) can be accessed on [http://localhost:3000/api/jokes](http://localhost:3000/api/jokes). This endpoint can be edited in `app/api/jokes/route.ts`.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Recomendation for better development
- [Install Tailwind CSS intellisense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
- [Enable CSS module auto-completion](https://github.com/mrmckeb/typescript-plugin-css-modules#visual-studio-code)

## Learn More

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!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.