Caleb Designs

CalebDesigns: A cutting-edge agency delivering innovative web development solutions for SaaS, Web3, and beyond. Built using Next.js, Typescript, and Tailwind CSS

Table of Contents

• Caleb Designs

  • Table of Contents
  • Technologies
    • Core Technologies
    • Additional Dependencies
  • Demo
  • Getting Started
    • Prerequisites
    • Installation
  • License

  Technologies

  Core Technologies

• Next.js: React framework for SSR and client-side navigation.

• TypeScript: JavaScript superset with static typing.

• Tailwind: Utility-first CSS framework.

• FramerMotion: Framer Motion is a powerful animation library for React.

Additional Dependencies

• Nodemailer: Node.js module for sending emails.
• Lucide Icons: Collection of customizable SVG icons.

Demo

Note

Please be advised that there are currently issues when using this application in other browser, like the background of the site can be White instead of Dark. For more information, refer to Issue #1.

Visit the live demo to see Caleb Designs in action.

Getting Started

Follow these instructions to get the Web Agency up and running on your local machine.

Prerequisites

• Node.js and npm installed on your system.

Installation

1. Clone the repository

 git clone https://github.com/calebapril/CalebDesigns.git

2. Navigate to the project directory

  cd calebdesigns

3. Install the required dependencies

   Run the following command to install all the required dependencies:

 npm install

This will install all the dependencies listed in the package.json file, including Next.js, React, React DOM, Tailwind CSS, and other specific dependencies.

4. Run the project

   Now, you can run the project using the following command:

  npm run dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

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.