Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Tran-Quyen/qtoptop-youtube
This is website project for my youtube series "Build and deploy website." with the base tiktok social.
https://github.com/Tran-Quyen/qtoptop-youtube
course nextjs reactts sanity typescript webapp zstrn-stack zustand
Last synced: 3 months ago
JSON representation
This is website project for my youtube series "Build and deploy website." with the base tiktok social.
- Host: GitHub
- URL: https://github.com/Tran-Quyen/qtoptop-youtube
- Owner: Tran-Quyen
- License: mit
- Created: 2022-07-15T17:56:24.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-02T16:41:29.000Z (5 months ago)
- Last Synced: 2024-08-02T18:32:51.092Z (5 months ago)
- Topics: course, nextjs, reactts, sanity, typescript, webapp, zstrn-stack, zustand
- Language: TypeScript
- Homepage:
- Size: 934 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ✨QTopTop✨
This is website project for my youtube series "Build and deploy website." on QTechFun'sYoutube
### Youtube: https://www.youtube.com/playlist?list=PLXexeOmhXQe9q_LMN2ewRlx28mHBrKv-Y
### 🚀 Requirements (\*)
- **nodejs >= v15.6.0**
- **npm >= v6.14.11**
- **yarn >= v1.22.10**
### 📦 Tech stack (zstrn)
1. Zustand
- State management
2. Sanity
- File storage
- Content
- Databases
- Scalable
- Modern
3. Typescript
- Language update from javascript with more powerful.
4. React (Front-end)
- Folder & File Structure
- Hook and refs
5. Next.js (Back-end)
- File-based routing
- Data fetching
- Server-side rendering
- Static generation
### 🌀 Clone project
```
$ git clone https://git_url_clone
```
### Install package
```
npm i @sanity/client@^3.3.0 axios@^0.27.2 react-google-login@^5.2.2 react-icons@^4.3.1 uuidv4@^6.2.13 zustand@^4.0.0-rc.1
```
### Guide run project
B1: Clone from git and open with vscode
B2: Install node_modules with $npm i
B3: Open terminal and run $npm start
### Install [Tailwindcss](https://tailwindcss.com/docs/guides/nextjs)
#### ❄️ Author: Quyen Dang
#### 🔥 Facebook: https://www.facebook.com/QuyenGiaSuJS/
#### 🍻 Discord: https://discord.gg/2QY98Dqv
#### ✨ Phone: (+84)337846412
#### 😄 Magic Number: 142857 (x 1,2,3,4,5,6,7) (Secret Egypt)