Giter Club home page Giter Club logo

school-website's People

Contributors

bkmac511 avatar konhi avatar wybran avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

school-website's Issues

Partnerstwo Vercel

image

Nawigacja

  • Figma
    • wersja mobilna
    • wersja desktopowa
  • Strapi
  • Front-end
    • Storybook
    • wersja mobilna
    • wersja desktopowa
    • możemy użyć Layout z Next.js, żeby nawigacja była na każdej stronie
    • inspiracja

Footer

  • discord
  • autorzy hehe

  • Figma
  • Strapi
  • Front-end

Fetching danych

  • GraphQL (zamiast REST)
    • wsparcie dla TypeScript dzięki GraphQL Codegen. Aktualnie przy użyciu REST nie znamy typów zmiennych.
  • React Query
    • SSR w komponentach. Data Fetching Next.js nie zawsze jest odpowiedni.

Optimization

Front-end

  • https://nextjs.org/blog/layouts-rfc: this will allow us to use Automatic Static Optimization when fetching in _app.tsx. We can do it with nextjs-preval if we go to production before layout RFC.
  • Remove Chakra UI: it takes several kbs, and we don't really have to use it
  • Longer caching for images from Strapi: since we add hash to every url, it can be cached permanently, but it seems to be hard on Next.js/Vercel
  • Layout Shift: on smaller devices, there's layout shift related to masonry css - we might want to disable it somehow when it's mobile device
  • React to Preact: this should save us several kbs, but it might be uncompatible
  • SVG logo
  • Further image optimization
  • Smaller bundle: npm run analyze
  • Dynamic Import: e.g. Footer

Informational Page

Informational Page is an article-like page with the difference it doesn't appear on news feed

Technical

  • Strapi collection type: @wybran
  • Front-end - you can copy code from blog entry: @wybran

zseis-zgora specific

  • Make graph/map of pages: @konhi

Npm start issue

When Im trying to run this, Im getting an error

npm run start

[email protected] start
nx serve

nx.js run [project][:target][:configuration] [_..]

Run a target for a project
(e.g., nx run myapp:serve:production).

You can also use the infix notation to run a target:
(e.g., nx serve myapp --configuration=production)

You can skip the use of Nx cache by using the --skip-nx-cache option.

Options:
--version Show version number [boolean]
--prod Use the production configuration [boolean] [default: false]
-c, --configuration Target configuration [string]
--project Target project [string]
--output-style Defines how Nx emits outputs tasks logs [string] [choices: "dynamic", "static", "stream", "compact"]

Error: Both project and target to have to be specified

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.