fullstack-next-template

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #go #android #deep-learning #linux #nodejs #awesome #pytorch #security #ios #open-source

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

// 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.

fullstack-next-template

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

fullstack-next-template

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README