fullstack-next-template - GitLite

KO | EN

gitlite — search

#javascript #python #react #ai #llm #golang #go #android #linux #windows #kubernetes #vue #pytorch #ios

fullstack-next-template

(★ 175)

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

File Explorer

Download Latest Version (.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

# Installation Guide

1. Get the code

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

Downloads the entire project code from GitHub to your computer.

cd fullstack-next-template

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm run dev

Starts the development/run server.

yarn dev

Starts the development/run server.

pnpm dev

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's 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.