Giter Site home page Giter Site logo

andreacazzola90 / portfolio Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jonasleonhard/vps

0.0 0.0 0.0 55.47 MB

Setup for Jonasleonhard.de. Includes Docker files for Next.js Frontend, Strapi CMS and a Postgresql Database.

Shell 2.46% JavaScript 11.74% TypeScript 85.31% CSS 0.50%

portfolio's Introduction



Description

Website Stack for jonasleonhard.de, to be deployed via a simple docker compose.

This Project contains all files required for a strapi cms, next.js frontend and a postgresql database.

Status

  • in progress
  • finished
  • no longer continued

this application is currently beeing developed

Table of contents

General Info

This Project aims to provide a personal portfolio about me and my work, aswell as a blog where i write what comes to my mind. UNDER CONSTRUCTION ๐Ÿšง





Screenshots

UNDER CONSTRUCTION | UNDER CONSTRUCTION ๐Ÿšง |

Technologies

๐Ÿšง Main Technologies used in the project:

  • Frontend Service = Next.js
    • Apollo Client for consuming Strapi's Graphql API
    • Styled Components
    • NProgress Bar
  • CMS Service = Strapi
    • Using Graphql API Plugin
  • Postgres Service = Postgresql

Setup

๐Ÿšง [Env] Environment Setup:

  • configure the following .env variables: (Docker compose) ./.env (frontend) ./frontend/.env (backend) ./backend/.env

[Docker-compose] To run this project using docker compose

$ yarn up       # build containers
$ yarn start    # start containers 
$ yarn stop     # stop containers

then go to localhost:1337/admin and create a strapi admin account.

[Local] To run this project, install it locally using yarn:

  • requirements: setup postgres database's at localhost:5432 -> see defaults at /cms/config/database.js or .env files. You can find the default database requirements in /postgres/1-schema.sql .
$ cd backend && && yarn && yarn develop
$ cd frontend && yarn && yarn start

Known Issues

๐Ÿšง๐Ÿšง๐Ÿšง๐Ÿšง

portfolio's People

Contributors

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