Giter Club home page Giter Club logo

logos-press-engine's Introduction

Logos Press Engline

The repository for press.logos.co website.

Tech Stacks

  • NextJS : React Framework

  • LSD : Design System

  • Hookstate : State Management

  • Emotion: CSS-in-JS

  • Strapi : CMS

Environment Variables

Please check the environment values in .env located in the root directory.

SIMPLECAST_ACCESS_TOKEN=
REVALIDATE_WEBHOOK_TOKEN=
NEXT_PUBLIC_SITE_URL=https://press.logos.co
FATHOM_SITE_ID=

This is a template for .env.local, which is included in .gitignore.

To find the Simplecast access token, follow these steps on the Simplecast dashboard:

  1. Click the gear button in the top-right corner.

  2. Select Private Apps to acquire your JWT bearer token.

How to Run Locally

  1. Clone this repository
$ git clone https://github.com/acid-info/logos-press-engine.git
  1. Install the dependencies:
$ yarn install
  1. Start the development server:
$ yarn dev
  1. Visit http://localhost:3000 in your browser

How to Run a Static Build (Production Build)

  1. Generate static files for production:
$ yarn build

The static files will be created in the build directory.

  1. Serve the static build:
$ yarn start
  1. Visit http://localhost:3000 in your browser

CI/CD

  • The master branch is automatically deployed to the production server (e.g., logos.co) through CI
  • The develop branch is automatically deployed to the staging server (e.g., dev.logos.co) through CI

Change Process

  1. Create a new working branch from develop: git checkout develop; git checkout -b my-changes.

  2. Make your changes, push them to the origin, and open a Pull Request against the develop branch.

  3. After approval, merge the pull request, and verify the changes on the staging server (https://dev-press.logos.co/).

  4. When ready to promote changes to the live website, create a pull request against the "master" branch, based on the "develop" branch.

logos-press-engine's People

Contributors

jeangovil avatar jinhojang6 avatar amirhouieh avatar jongomez avatar jakubgs avatar apentori avatar mendelskiv93 avatar

Watchers

Marko Burčul avatar

logos-press-engine's Issues

Global player should not show if not playing

Currently when navigating to any episode page, global player show up without even playing the episode. Global player should only be shown if user is listening to a podcasts.

Typography theme not reflecting changes

I remember while working on frontend, i tried to test the typography theme feature so user can choose different typography options. I think passing down different options for typography (font family) as props for ThemeProvider did not work.

Fix tags link

When click on any tag from any place it should go to the search page with that tag added to the query as filter.

Add page padding

when we go 1440 or bellow there should be a page padding. please see the design

Postslist grid

  • Adopt two modes of layout pattern (for home page vs search page)
  • home page pattern does not look right

Responsive refactor

  • make it desktop first
  • add two more breakpoints one for tablet and one for desktop
  • breakpoints number come from uiConfigs
// desktop

@media (max-width: 1020px){
// tablet
}

@media (max-width: 554px){
// mobie
}

Tags adjustments

  • parse "_" correctly and replace them with " "
  • change the "topics" to "topic" in href
  • make the text capitalised

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.