initial
This commit is contained in:
yunglocokid
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"extends": "next/core-web-vitals"
|
||||||
|
}
|
||||||
+38
@@ -0,0 +1,38 @@
|
|||||||
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
.idea
|
||||||
|
*.lock
|
||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
/.pnp
|
||||||
|
.pnp.js
|
||||||
|
.yarn/install-state.gz
|
||||||
|
|
||||||
|
# testing
|
||||||
|
/coverage
|
||||||
|
|
||||||
|
# next.js
|
||||||
|
/.next/
|
||||||
|
/out/
|
||||||
|
|
||||||
|
# production
|
||||||
|
/build
|
||||||
|
|
||||||
|
# misc
|
||||||
|
.DS_Store
|
||||||
|
*.pem
|
||||||
|
|
||||||
|
# debug
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
|
||||||
|
# local env files
|
||||||
|
.env*.local
|
||||||
|
|
||||||
|
# vercel
|
||||||
|
.vercel
|
||||||
|
|
||||||
|
# typescript
|
||||||
|
*.tsbuildinfo
|
||||||
|
next-env.d.ts
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
node_modules
|
||||||
|
.next
|
||||||
|
.husky
|
||||||
|
coverage
|
||||||
|
.prettierignore
|
||||||
|
.stylelintignore
|
||||||
|
.eslintignore
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
// @ts-check
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
// Standard prettier options
|
||||||
|
trailingComma: "all",
|
||||||
|
tabWidth: 2,
|
||||||
|
useTabs: true,
|
||||||
|
singleQuote: false,
|
||||||
|
jsxSingleQuote: false,
|
||||||
|
semi: false,
|
||||||
|
|
||||||
|
plugins: ["@ianvs/prettier-plugin-sort-imports"],
|
||||||
|
|
||||||
|
importOrder: [
|
||||||
|
"<TYPES>",
|
||||||
|
"",
|
||||||
|
"react",
|
||||||
|
"",
|
||||||
|
"<THIRD_PARTY_MODULES>",
|
||||||
|
"",
|
||||||
|
"^(@shared|@entities|@features|@widgets|@pages|@app)(/.*)$",
|
||||||
|
"",
|
||||||
|
"^(?!.*[.]scss$)[./].*$",
|
||||||
|
".scss$",
|
||||||
|
"^[.]",
|
||||||
|
],
|
||||||
|
importOrderParserPlugins: ["typescript", "jsx", "decorators-legacy"],
|
||||||
|
importOrderTypeScriptVersion: "5.0.0",
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"extends": [
|
||||||
|
"stylelint-config-standard",
|
||||||
|
"stylelint-config-standard-scss",
|
||||||
|
"stylelint-order-config-standard"
|
||||||
|
],
|
||||||
|
"plugins": ["stylelint-order"],
|
||||||
|
"rules": {}
|
||||||
|
}
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
# Next.js + Feature-Sliced Design | Pure Template
|
||||||
|
|
||||||
|
## Folders description
|
||||||
|
| Folder | Description |
|
||||||
|
|--------------|-----------------------------------------------------------------------------------------------------------------|
|
||||||
|
| app | Next App folder for [App Routing](https://nextjs.org/docs/app/building-your-application/routing#the-app-router) |
|
||||||
|
| public | Public files |
|
||||||
|
| src/app | App FSD Layer |
|
||||||
|
| src/pages | Pages FSD Layer |
|
||||||
|
| src/widgets | Widgets FSD Layer |
|
||||||
|
| src/features | Features FSD Layer |
|
||||||
|
| src/entities | Entities FSD Layer |
|
||||||
|
| src/shared | Shared FSD Layer |
|
||||||
|
|
||||||
|
|
||||||
|
## Remove junk _.gitkeep_ files
|
||||||
|
|
||||||
|
### UNIX
|
||||||
|
```bash
|
||||||
|
rm -rf .src/app/.gitkeep .src/entities/.gitkeep .src/features/.gitkeep .src/shared/.gitkeep .src/widgets/.gitkeep ./public/.gitkeep
|
||||||
|
```
|
||||||
|
|
||||||
|
### WINDOWS
|
||||||
|
```bash
|
||||||
|
del .\src\app\.gitkeep
|
||||||
|
del .\src\entities\.gitkeep
|
||||||
|
del .\src\features\.gitkeep
|
||||||
|
del .\src\shared\.gitkeep
|
||||||
|
del .\src\widgets\.gitkeep
|
||||||
|
del .\public\.gitkeep
|
||||||
|
```
|
||||||
|
|
||||||
|
This template uses such development assistants
|
||||||
|
|
||||||
|
* Eslint
|
||||||
|
* Prettier
|
||||||
|
* Stylelint
|
||||||
|
|
||||||
|
|
||||||
|
If you don't need it, you can disable it at any time by removing the
|
||||||
|
dependency from your _package.json_ and _.*rc_ file.
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
import type { Metadata } from "next"
|
||||||
|
import type { ReactNode } from "react"
|
||||||
|
|
||||||
|
import "@app/styles/global.scss"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: "Let's Develop!",
|
||||||
|
description: "FSD Template with Next.js by yunglocokid",
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function RootLayout({
|
||||||
|
children,
|
||||||
|
}: Readonly<{
|
||||||
|
children: ReactNode
|
||||||
|
}>) {
|
||||||
|
return (
|
||||||
|
<html lang="en">
|
||||||
|
<body>{children}</body>
|
||||||
|
</html>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
import {HomePage} from "@pages/HomePage";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
|
return (
|
||||||
|
<main>
|
||||||
|
<HomePage/>
|
||||||
|
</main>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
/** @type {import('next').NextConfig} */
|
||||||
|
const nextConfig = {}
|
||||||
|
|
||||||
|
export default nextConfig
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
{
|
||||||
|
"name": "fsd-nest-template",
|
||||||
|
"description": "Pure Next.js FSD template with stylelint, prettier and eslint",
|
||||||
|
"author": {
|
||||||
|
"name": "@yunglocokid (Dmitriy Bratchikov)",
|
||||||
|
"url": "https://github.com/yunglocokid"
|
||||||
|
},
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "next dev",
|
||||||
|
"build": "next build",
|
||||||
|
"start": "next start",
|
||||||
|
"lint": "next lint"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"next": "14.2.3",
|
||||||
|
"normalize.css": "^8.0.1",
|
||||||
|
"react": "^18",
|
||||||
|
"react-dom": "^18"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@ianvs/prettier-plugin-sort-imports": "^4.2.1",
|
||||||
|
"@types/node": "^20",
|
||||||
|
"@types/react": "^18",
|
||||||
|
"@types/react-dom": "^18",
|
||||||
|
"eslint": "^8",
|
||||||
|
"eslint-config-next": "14.2.3",
|
||||||
|
"prettier": "^3.2.5",
|
||||||
|
"sass": "^1.77.1",
|
||||||
|
"stylelint": "^16.5.0",
|
||||||
|
"stylelint-config-standard": "^36.0.0",
|
||||||
|
"stylelint-config-standard-scss": "^13.1.0",
|
||||||
|
"stylelint-order": "^6.0.4",
|
||||||
|
"stylelint-order-config-standard": "^0.1.3",
|
||||||
|
"typescript": "^5"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
@import "normalize.css";
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
import HomePage from "@pages/HomePage/ui/HomePage";
|
||||||
|
|
||||||
|
export {
|
||||||
|
HomePage
|
||||||
|
}
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
.homepage {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 1rem;
|
||||||
|
|
||||||
|
height: 100vh;
|
||||||
|
|
||||||
|
color: #C7D0CC;
|
||||||
|
|
||||||
|
background: #000;
|
||||||
|
|
||||||
|
font-family: Roboto, sans-serif;
|
||||||
|
font-size: 2vw;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.path {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font {
|
||||||
|
font-size: 5vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
padding: .5rem;
|
||||||
|
|
||||||
|
pointer-events: none;
|
||||||
|
|
||||||
|
border: rgb(199 208 204 / 5%) 1px solid;
|
||||||
|
border-radius: 15px;
|
||||||
|
|
||||||
|
font-size: 1vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link {
|
||||||
|
transition: 0.3s;
|
||||||
|
animation: shine 4s linear infinite;
|
||||||
|
|
||||||
|
color: #000;
|
||||||
|
background: linear-gradient(to right, #020024 10%, #5b0979 40%, #5b0979 60%, #020024 80%);
|
||||||
|
background-clip: text;
|
||||||
|
background-size: 200% auto;
|
||||||
|
|
||||||
|
font-size: 5vw;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
|
||||||
|
@keyframes shine {
|
||||||
|
to {
|
||||||
|
background-position: 200% center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
import Link from "next/link"
|
||||||
|
|
||||||
|
import cls from "./HomePage.module.scss"
|
||||||
|
|
||||||
|
const HomePage = () => {
|
||||||
|
return (
|
||||||
|
<div className={cls.homepage}>
|
||||||
|
<p className={cls.font}>
|
||||||
|
Hello from{" "}
|
||||||
|
<Link
|
||||||
|
href="https://github.com/yunglocokid"
|
||||||
|
target="_blank"
|
||||||
|
className={cls.link}
|
||||||
|
>
|
||||||
|
yunglocokid
|
||||||
|
</Link>
|
||||||
|
</p>
|
||||||
|
<pre className={cls.hint}>
|
||||||
|
You can edit <span className={cls.path}>{"src/pages/HomePage"}</span> to
|
||||||
|
start!
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default HomePage
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"lib": ["dom", "dom.iterable", "esnext"],
|
||||||
|
"allowJs": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"strict": true,
|
||||||
|
"noEmit": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"module": "esnext",
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"jsx": "preserve",
|
||||||
|
"incremental": true,
|
||||||
|
"plugins": [
|
||||||
|
{
|
||||||
|
"name": "next"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"paths": {
|
||||||
|
"@app/*": ["./src/app/*"],
|
||||||
|
"@entities/*": ["./src/entities/*"],
|
||||||
|
"@features/*": ["./src/features/*"],
|
||||||
|
"@pages/*": ["./src/pages/*"],
|
||||||
|
"@shared/*": ["./src/shared/*"],
|
||||||
|
"@widgets/*": ["./src/widgets/*"],
|
||||||
|
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
|
||||||
|
"exclude": ["node_modules"]
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user