Giter Club home page Giter Club logo

portfolio-nazim-leeman's Introduction

👨‍🚀 Astro & decap (netlify) CMS - Portfolio Template

This theme/template is designed and crafted by maxencewolff and futher develop by NazimLeeman NB: Additional color themes can also be configured on the src/data/theme.ts file.

🥷 Usage

  • You can modify all the information in the files in the data folder (presentation, social links, projects list, colors).
  • You can write articles in markdown format in the content/posts folder.
  • deploy to netlify
  • setup authentication for GithHub

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:3000
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying
npm run astro ... Run CLI commands like astro add, astro check
npm run astro -- --help Get help using the Astro CLI

Features

  • seo friendly

  • amazing UI/UX (thanks to maxencewolff)

  • easy to setup

  • write from anywhare with git based CMS

  • jampack (for optimization)

    how to setup authentication

    the main issue you will face will deploying the site is authentication. to solve this issue please use the guide bellow

    You need to create an API application and make note of the Client ID and a Client Secret so that you can use them in your Netlify configuration.

  1. In GitHub, go to your account Settings and select Developer Settings, then OAuth Apps or use this shortcut.
  2. Select Register a new application.
  3. For the Authorization callback URL, enter https://api.netlify.com/auth/done. The other fields can contain anything you want.
  4. template
  5. On your new application’s GitHub overview page, make note of the Client ID.
  6. Generate a Client Secret and make note of it for later. You can’t access this secret again.

When you complete application registration with GitHub, you need to add the Client ID and Client Secret to your Netlify site:

  1. Go to Site configuration > Access control > OAuth.
  2. Under Authentication Providers, select Install Provider
  3. Select GitHub and enter the Client ID and Client Secret from earlier, then save.

That's it now enjoy 🥂

portfolio-nazim-leeman's People

Contributors

nazimleeman avatar

Stargazers

Md Shahriar Khan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.