This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Code Styles

1. Global concepts

const t = useTranslation()
const router = useRouter()

2. Global States, can be also regulat state if needed create before queries

const state = useAppStore()
const [state,setState] = useState()

3. Queries, fetching data or custom Hooks

const {data} = useQuery()
const customData = useCustomHook()

4. State, ref and data

const [state,setState] = useState()
const ref = useRef()
const data = state + 5

5. Functions

const func = () => {}

6. LifeCycle Hooks

useEffect(() => {},[])