Skip to content

Glisten.ai | Build a sleek and gorgeous animated website with Next.js 14, GSAP, Prismic, Tailwind, and TypeScript!

Notifications You must be signed in to change notification settings

murtazaghulam99/dynamic-intelligence-website

Repository files navigation

Glisten-AI

Welcome to the final code repository for the Glisten-AI Tutorial Course! In this course, we'll walk through the process of building a sleek and modern website using Next.js, Prismic, Tailwind CSS, TypeScript, and GSAP animations.

Details

For comprehensive details about the course, including resources, notes, and additional materials, please refer to the Notion Doc.

Project Overview

In this repo, I created a trendy, dark-themed website inspired by popular brands like Linear, AuthKit, Raycast, and Clerk. Here's what you'll find:

  • Next.js, a leading React framework, for building our website.
  • Integration of Prismic, a Headless Page Builder CMS, to manage content.
  • Implemented Tailwind CSS to style my website with modern design elements.
  • Added dynamic animations using GSAP to enhance user experience.
  • Deployed the website for showcasing in my portfolios or customization for clients.

Getting Started

To get started with this project, make sure you have the following prerequisites installed:

  • Node.js
  • npm or yarn

Clone this repository to your local machine:

git clone https://github.com/murtazaghulam99/dynamic-intelligence-website

Navigate into the project directory:

cd dynamic-intelligence-website

Install dependencies:

npm install

or

yarn install

Usage

To run the development server:

npm run dev

or

yarn dev

Visit http://localhost:3000 in your browser to see the website.

Resources

  • Notion Doc - Course resources and additional materials.

About

Glisten.ai | Build a sleek and gorgeous animated website with Next.js 14, GSAP, Prismic, Tailwind, and TypeScript!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published