Giter VIP home page Giter VIP logo

portfolio's Introduction

netlify-profile-starter

  1. Creating a GitHub repository by Use this template feature of the GitHub

  2. Clone the project in your machine Update the follow files:

    • profile_info.json
    • i18n_keystore.json

    Path: netlify-profile-starter/client/src/data/

  3. Install Angular CLI

    • npm install -g @angular/cli
  4. Install dependencies

    • npm i
  5. Open Terminal and run npm run start

    • npm run start
  6. Open Browser and type url http://localhost:4200/

  7. Creating a Netlify Account and link it with the GitHub.

  8. Create a site by “Import an existing project from a Git repository” Wait till site deploy successfully.

  9. Click on Preview Deploy to see the preview

  10. Install netlify cli

    • npm i netlify-cli -g
  11. Create function

    • netlify functions:create

    • Select JavaScript Select [hello-world] Basic function that shows async/await usage, and response formatting

    • Enter name of function: profile-info

  12. Similarly create i18n-keystore function

  13. Open profile-info function

  14. Add logic to return the profile info

  15. Similarly update i18n-keystore function

  16. Open environment.prod.ts file

    • Path: netlify-profile-starter/client/src/environments
  17. Update the value as per your site url

  18. Stage the changes git add .

  19. Commit the changes

    • git commit -m <message>
  20. Push the changes

    • git push -u origin main
  21. Open netlify

  22. Wait till site deploy successfully.

  23. Click on Preview Deploy to see the preview

portfolio's People

Contributors

vivekkumarrpatel 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.