Nextjs Templates & Themes Logo Nextjs Templates & Themes
Nextjs Portfolio screenshot

Nextjs Portfolio

Author Avatar Theme by Glado8
Updated: 17 Apr 2024
107 Stars

Source Code for my rebranded personal website and portfolio.

Github Live Preview

Categories

React Tailwind Blog Personal Portfolio

Overview:

The source code provided is for a personal blog and portfolio created as a testing ground for new web development features and practices. It showcases the developer’s portfolio projects, writings, and experiments, while also offering assistance to designers looking to build their online portfolios. The website is currently built using Next.js, deployed on Vercel, and styled with Tailwind CSS v3.2. The content is managed using Cosmic.js CMS, but there are plans to switch to using a Framer website for improved ease of use.

Features:

  • Portfolio Projects: Showcases the developer’s projects.
  • Writings: Includes articles and writings by the developer.
  • Experiments: Provides a space for the developer to test new features.
  • Assistance for Designers: Offers help to designers in building their online portfolios.
  • Built with Next.js: Utilizes Next.js for website development.
  • Deployed on Vercel: Hosting and deployment done through Vercel platform.
  • Styled with Tailwind CSS v3.2: Styling using the Tailwind CSS version 3.2.
  • Content Managed using Cosmic.js CMS: Utilizes Cosmic.js as the content management system.

Installation:

To install and run the theme provided, follow these steps:

  1. Clone the repository:
    git clone [repository_url]
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm run dev
  4. Access the website locally at http://localhost:3000

Please note that as the source code relies on Cosmic.js CMS, setting up a mock Cosmic account may be required for deploying and running the code effectively.

Summary:

The source code presented is for a personal blog and portfolio that serves as a learning platform for experimenting with new web development features and practices. It offers insights into the developer’s projects, writings, and experiments, while also providing assistance to designers in creating their online portfolios. With technologies such as Next.js, Vercel, Tailwind CSS, and Cosmic.js CMS, the website showcases a modern approach to web development and content management.