Next-Elite
๐ An open source Nextjs Boilerplate and Starter Kit with Frontend-focused + Api-driven + Developer-experience : Next.js 16.3 + TypeScript + React 19, Oxlint, Oxfmt, Tailwind v4, Shadcn, Better-auth, RBAC, i18n, Playwright, Vitest, SEO + PWA.
ํ์ผ ํ์๊ธฐ
์ต์ข ๋ฒ์ ๋ค์ด๋ก๋ (.zip)- check.yml
- playwright.yml
- dependabot.yml
- nodejs.version
- renovate.json
- settings.json
- vitest.config.ts
- vitest.setup.ts
- home.spec.ts
- playwright.config.ts
- ar.json
- bn.json
- en.json
- es.json
- fr.json
- zh.json
- favicon.ico
- icon.svg
- llms.txt
- logo.svg
- Next-Elite-Admin.webp
- Next-Elite-Auth.webp
- Next-Elite-Home.webp
- Next-Elite-LightHouse.webp
- Next-Elite-OG.webp
- Nextjs-Elite-UI-Components.webp
- page.tsx
- page.tsx
- page.tsx
- layout.tsx
- page.tsx
- page.tsx
- page.tsx
- default.tsx
- page.tsx
- page.tsx
- page.tsx
- default.tsx
- page.tsx
- layout.tsx
- page.tsx
- layout.tsx
- page.tsx
- route.ts
- route.ts
- base.css
- components.css
- tokens.css
- error.tsx
- fonts.ts
- globals.css
- layout.tsx
- manifest.ts
- not-found.tsx
- providers.tsx
- robots.ts
- sitemap.ts
- auth-animation.tsx
- auth-topbar.tsx
- login-form.tsx
- password-reset-form.tsx
- register-form.tsx
- better-auth-icon.tsx
- github-icon.tsx
- google-icon.tsx
- index.ts
- loader-icon.tsx
- vercel-icon.tsx
- admin-sidebar.tsx
- app-brand.tsx
- app-shell.tsx
- header.tsx
- topbar.tsx
- user-sidebar.tsx
- landing-page.tsx
- ui-components-page.tsx
- blur-glow.tsx
- case.tsx
- language-switcher.tsx
- logo.tsx
- page-header.tsx
- text-link.tsx
- theme-overlay.tsx
- theme-provider.tsx
- theme-toggle.tsx
- top-loader.tsx
- user-dropdown.tsx
- accordion.tsx
- alert.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button-group.tsx
- button.test.tsx
- button.tsx
- calendar.tsx
- card.test.tsx
- card.tsx
- carousel.tsx
- checkbox.tsx
- collapsible.tsx
- combobox.tsx
- dialog.tsx
- dropdown-menu.tsx
- dynamic-chart.tsx
- form.tsx
- icon.tsx
- input-error.tsx
- input-group.tsx
- input-otp.tsx
- input.tsx
- label.tsx
- navigation-menu.tsx
- password-input.tsx
- placeholder-pattern.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- spinner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- accounts.test.ts
- accounts.ts
- demo-credentials.tsx
- sign-in.ts
- auth-provider.tsx
- auth-client.ts
- auth.ts
- can.ts
- permissions.ts
- require.ts
- roles.test.ts
- roles.ts
- login.test.ts
- login.ts
- register.test.ts
- register.ts
- get-current-user.ts
- types.ts
- locale-actions.ts
- request.ts
- routing.ts
- use-is-rtl.ts
- config.ts
- site.config.json
- use-mobile.ts
- env.test.ts
- env.ts
- query-client.ts
- utils.test.ts
- utils.ts
- global.d.ts
- instrumentation-client.ts
- instrumentation.ts
- authorization.test.ts
- roles.test.ts
- routing.test.ts
- render.tsx
- .dockerignore
- .env.example
- .gitignore
- .oxfmtrc.json
- .oxlintrc.json
- components.json
- docker-compose.yml
- Dockerfile
- knip.json
- lefthook.yml
- LICENSE
- next.config.mjs
- package-lock.json
- package.json
- postcss.config.mjs
- proxy.ts
- README.md
- tsconfig.json
# ์ค์น ๊ฐ์ด๋
git clone https://github.com/salmanshahriar/Next-Elite
๊นํ๋ธ์์ ํ๋ก์ ํธ ์ฝ๋ ์ ์ฒด๋ฅผ ๋ด ์ปดํจํฐ๋ก ๋ด๋ ค๋ฐ์ต๋๋ค.
cd Next-Elite
๋ฐฉ๊ธ ๋ด๋ ค๋ฐ์ ํ๋ก์ ํธ ํด๋ ์์ผ๋ก ์ด๋ํฉ๋๋ค.
2. Docker
์ฌ์ ์ถ์ฒ- Git GitHub์์ ํ๋ก์ ํธ ์ฝ๋๋ฅผ ๋ด๋ ค๋ฐ์ผ๋ ค๋ฉด ํ์ํฉ๋๋ค.
- Docker Desktop ์ปจํ ์ด๋๋ฅผ ๋น๋ํ๊ณ ์คํํ๋ ค๋ฉด ํ์ํฉ๋๋ค. ์ค์น ํ ์คํํด์ ๋ฐฑ๊ทธ๋ผ์ด๋์ ์ผ๋์ธ์.
docker build -t next-elite .
Dockerfile์ ๊ธฐ๋ฐ์ผ๋ก ์คํ ๊ฐ๋ฅํ ์ด๋ฏธ์ง๋ฅผ ๋น๋ํฉ๋๋ค.
docker run --rm --env-file .env -p 6767:6767 next-elite
๋น๋๋ ์ด๋ฏธ์ง๋ฅผ ์ค์ ์ปจํ ์ด๋๋ก ์คํํฉ๋๋ค.
docker compose up --build
์ ์๋ ๋ชจ๋ ์ปจํ ์ด๋(์๋ฒ, DB ๋ฑ)๋ฅผ ํ ๋ฒ์ ๋น๋ํ๊ณ ๋ฐฑ๊ทธ๋ผ์ด๋์์ ์คํํฉ๋๋ค.
docker buildx create --name multiarch --use # one-time setup
Dockerfile์ ๊ธฐ๋ฐ์ผ๋ก ์คํ ๊ฐ๋ฅํ ์ด๋ฏธ์ง๋ฅผ ๋น๋ํฉ๋๋ค.
docker buildx build --platform linux/amd64,linux/arm64 -t next-elite .
Dockerfile์ ๊ธฐ๋ฐ์ผ๋ก ์คํ ๊ฐ๋ฅํ ์ด๋ฏธ์ง๋ฅผ ๋น๋ํฉ๋๋ค.
์ด ๋ ํฌ์ README์ ์ ํ ์ค์ ๋ช ๋ น์ด๋ฅผ ๊ทธ๋๋ก ๊ฐ์ ธ์์ต๋๋ค.
3. Node.js
์ฌ์npm install
package.json์ ๋ช ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ๋ด๋ ค๋ฐ์ ์ค์นํฉ๋๋ค.
npm run dev
๊ฐ๋ฐ/์คํ ์๋ฒ๋ฅผ ์ผญ๋๋ค.
โโโ package-lock.json npm lockfile (single source of truth)
์ด ๋ช ๋ น์ด๋ฅผ ํฐ๋ฏธ๋์ ๊ทธ๋๋ก ์ ๋ ฅํด ์คํํ์ธ์.
์ด ๋ ํฌ์ README์ ์ ํ ์ค์ ๋ช ๋ น์ด๋ฅผ ๊ทธ๋๋ก ๊ฐ์ ธ์์ต๋๋ค.