tomdev-fe/next13

Next.js Creatory Demo

The perfect starter structure for building complex NextJS/React App

Intro

This repo is demo for Creatory Frontend Assignment 2023

It uses react-hook-form with yup, Tankstack Ecosystem with React-Table, React-query with props : Headless, type-safe, & powerful utilities for State Management, Routing, Data Visualization, Charts, Tables, and more. Next.js version 13(newest), other libraries and deploy with Netlify.

Features

• Setup only takes a few minutes
• Built using Next.js, TS, and React
• Support all requirements
• Protected router if user isn't login
• Structure Folder easy for scale up in the future
• Excellent page speeds
• Lightweight Css with Tailwind
• Support Authentication validation
• Don't need to much config, lightweight
• Automatic social images
• Skeleton Loading
• Automatic pretty URLs
• Automatic table of contents with pagination
• Support select option for show list data
• Optimized for Next.js and Netlify

Demos

• Default demo - Deployed from the master branch

Setup

This project requires a recent version of Node.js (I recommend: >=16.0.0 and <17.0.0).

1. Fork / clone this repo
2. npm install or yarn
3. npm run dev or yarn dev to test locally