elektronplus / school-website Goto Github PK

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

• PageSpeed Insights Report

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

• Create a new team in your account, this will start the free 14 day trial for our Pro plan,
• Share the link to your public Git repo with us, (https://github.com/ElektronPlus/school-website)
• Add the Vercel banner (attached to this reply) to your site footer and your Git's README,
• Add a link back to https://vercel.com/?utm_source=ElektronPlus&utm_campaign=oss
• Add a small description of the open source nature of your project to your Git's README
• What is your team's monthly anticipated resource usage? Do you believe your team will fall within our Fair Use Limits?

• move all pages from sidebars to Strapi manually
• write down all links which cannot be moved for any reason

migracja artykułów do strapi

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

• 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

• discord
• autorzy hehe

• Figma
• Strapi
• Front-end

• Strapi
• Design
  

https://market.strapi.io/plugins/strapi-plugin-meilisearch

• Canonical Link
• Sitemap: https://github.com/iamvishnusankar/next-sitemap

• Lighthouse

dobrze, gdyby:

• api było publiczne
• były kopie zapasowe bazy danych

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