Code Monkey home page Code Monkey logo

alv-website's Introduction

Alv websites

This is the code repo for development of the new websites for Alv.no and Alvb.no

Development setup

Install Git, Node and Yarn, and whatever code editor you prefer.

As of writing this readme the newest version of node and yarn is as follows:

$ node --version
 v16.17.0
$ yarn --version
 3.2.3

Once ready to develop the website run:

yarn
yarn workspace website run dev

Creating .env-files

Ask devs for .env-files for packages/website and packages/website-alvb those thypically contains access-tokens.

For packages/cms and packages-cms-alvb i recomend adding the following piece of code to a .env.development-file

SANITY_STUDIO_API_DATASET=development
SANITY_AUTH_TOKEN=some token here with access to publish schmea chages

Workaround for Apple m1

brew install vips
yarn rebuild sharp
yarn set resolution sharp@npm:0.28.2

Docker

For production we use Docker, you can build and test the Docker images locally. You can either build and start all services by using docker-compose:

make build-website build-cms build-mail-api
docker-compose up -d

And then browse it using a web browser at localhost:8080, website.localhost/ and cms.localhost/.

Or build and start individual service as following:

docker build -f website.Dockerfile -t website .
docker run -it -p 8080:80 website

And then browse it using a web browser at localhost:8080.

Deploy to k8s locally

az login

./run deploy <test | prod> <package> <build-id>

Packages

Package Description
website Gatsby-powered website: Alv.no
website-alvb Gatsby-powered website: AlvB.no
cms Sanity CMS: Alv.no
cms-alvb Sanity CMS: AlvB.no
mail-api Mail API backend for contact form
shared-components Component library to share components between different gatsby sites

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.