Skip to content

Latest commit

 

History

History
66 lines (42 loc) · 3.3 KB

README.md

File metadata and controls

66 lines (42 loc) · 3.3 KB
Raw

Brewista

This is the landing page for a coffee shop website called "Brewista" built using Next.js, a React framework for server-side rendering (SSR) and static site generation (SSG). The landing page includes a visually appealing hero section, featured products, and information about the coffee shop.

Demo.mp4

Acknowledgments

Features

  • Hero Section: A stunning hero section with a large image, descriptive text, and additional smaller images showcasing the coffee shop's offerings and values.
  • Featured Products: A section highlighting some of Brewista's popular or recommended products.
  • About Section: A brief section providing information about Brewista's history, values, and the team behind it.
  • Responsive Design: The landing page is designed to be fully responsive and optimized for various screen sizes and devices.
  • Tailwind CSS: The website uses the Tailwind CSS utility-first framework for styling.

Technologies Used

  • Next.js: A React framework for building server-side rendered and static websites.
  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
  • next/image: An optimization module from Next.js for optimizing and serving images efficiently.
  • Axios: A promise-based HTTP client for making API requests from the browser or Node.js.

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/your-username/brewista.git
  2. Navigate to the project directory: cd brewista
  3. Install dependencies: npm install
  4. Start the development server: npm run dev
  5. Open your browser and visit http://localhost:3000 to see the Brewista landing page.

Deployment

This landing page can be easily deployed to Vercel, a hosting platform designed specifically for Next.js applications. Vercel provides a seamless deployment process and supports features like serverless functions, static site generation, and more.

To deploy the Brewista landing page to Vercel, follow these steps:

  1. Sign up for a Vercel account if you don't have one already.
  2. Install the Vercel CLI by running npm install -g vercel in your terminal.
  3. Navigate to your project directory: cd brewista
  4. Initialize a new Vercel project by running vercel init
  5. When prompted, choose the appropriate settings for your project, such as the project name, root directory, and build command.
  6. After the initialization process is complete, deploy your project by running vercel
  7. Vercel will provide you with a deployment URL where you can access your landing page.

For more detailed instructions and advanced deployment options, refer to the Vercel documentation.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.