A JSMastery.pro replica web application that incorporates powerful and popular libraries and practices. Developed using TypeScript with Next.js, TailwindCSS and Sanity as a CMS. 🦄
MIT License
Dive into the world of Next.js, Incredible JSMastery.pro replica website built with Next.js using TypeScript & Tailwind CSS 🪐
This repository houses an amazing Next.js 13 Application which simulates the JSMastery.pro web application using Next.js, TypeScript, and TailwindCSS,combining powerful tools to deliver a responsive and user-friendly experience. The application is deployed on Vercel.
JSMastery code folder structure is as follows:
nextjs13-jsmastery/
├── .vscode/
├ └── settings.json
├── app/
├ ├── (root)/
├ ├ ├── (home)/
├ ├ ├ └── page.tsx
├ ├ ├── resources/
├ ├ ├ ├── [id]/
├ ├ ├ ├ └── page.tsx
├ ├ ├ ├── loading.tsx
├ ├ ├ └── page.tsx
├ ├ ├── videos/
├ ├ ├ ├── loading.tsx
├ ├ ├ └── page.tsx
├ ├ ├── newsletter/
├ ├ ├ └── page.tsx
├ ├ ├── privacy-policy/
├ ├ ├ └── page.tsx
├ ├ ├── terms-of-use/
├ ├ ├ └── page.tsx
├ ├ └── layout.tsx
├ ├── studio/[[...index]]/
├ ├ └── page.tsx
├ ├── favicon.ico
├ ├── globals.css
├ ├── layout.tsx
├ └── page.tsx
├── components/
├ ├── atoms/
├ ├ ├── Arrow.tsx
├ ├ ├── DownloadButton.tsx
├ ├ ├── Header.tsx
├ ├ └── NextJsLogo.tsx
├ ├── home/
├ ├ └── Testimonials.tsx
├ ├── shared/
├ ├ ├── Footer.tsx
├ ├ ├── Navbar.tsx
├ ├ └── Theme.tsx
├ ├── newsletter/
├ ├ └── Countdown.tsx
├ ├── newsletter/
├ ├ ├── ContentCard.tsx
├ ├ ├── Document.tsx
├ ├ ├── Dropdown.tsx
├ ├ ├── Filters.tsx
├ ├ └── SearchForm.tsx
├ └── ui/
├ ├── accordion.tsx
├ ├── button.tsx
├ ├── card.tsx
├ ├── dropdown-menu.tsx
├ ├── input.tsx
├ └── skeleton.tsx
├── constants/
├ └── index.ts
├── context/
├ └── ThemeProvider.tsx
├── lib/
├ └── utils.ts
├── public/
├ └── assets/
├ ├ ├── icons/
├ ├ ├ └── [[...]].svg
├ ├ └── images/
├ ├ └── [[...]].{png,svg}
├ ├── next.svg
├ └── vercel.svg
├── sanity/
├ ├── lib/
├ ├ ├── client.ts
├ ├ └── image.ts
├ ├── schemas/
├ ├ ├── index.ts
├ ├ ├── resource-playlist.schema.ts
├ ├ ├── resource.schema.ts
├ ├ ├── video-playlist.schema.ts
├ ├ └── video.schema.ts
├ ├── actions.ts
├ ├── env.ts
├ └── utils.ts
├── types/
├ └── index.d.ts
├── .eslintrc.json
├── components.json
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.ts
├── sanity.cli.ts
├── sanity.config.ts
└── tsconfig.json
Hilink web application is built using the following technologies:
Download or clone this repo by using the link below:
https://github.com/ladunjexa/nextjs13-jsmastery.git
JSMastery clone using NPM (Node Package Manager), therefore, make sure that Node.js is installed by execute the following command in consle
node -v
Go to root folder and execute the following command in console to get nodemon the required packages:
npm install
Go to root folder and execute the following command in console to start the application locally:
npm run dev
This is a Next.js project bootstrapped with create-next-app
.
To learn more about Next.js, take a look at the following resources:
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Contributions are always welcome!
See contributing.md
for ways to get started.
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)Hilink web application is open source and distributed under the MIT License.
If you want to contact me, you can reach me at @ladunjexa.