Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Luigi sample with NextJs #1579

Merged
merged 9 commits into from
Aug 26, 2020
Merged

Luigi sample with NextJs #1579

merged 9 commits into from
Aug 26, 2020

Conversation

stanleychh
Copy link
Contributor

@stanleychh stanleychh commented Aug 20, 2020

Provide a sample code of Luigi is running on top of Next JS

Fixes #1122

@CLAassistant
Copy link

CLAassistant commented Aug 20, 2020

CLA assistant check
All committers have signed the CLA.

@stanleychh stanleychh added the enhancement New feature or request label Aug 20, 2020
@stanleychh stanleychh added this to the Sprint 12 milestone Aug 20, 2020
@ndricimrr ndricimrr self-assigned this Aug 20, 2020
@UlianaMunich UlianaMunich self-assigned this Aug 24, 2020
Copy link
Contributor

@maxmarkus maxmarkus left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a small docu change.

core/examples/luigi-example-next/README.md Show resolved Hide resolved
core/examples/luigi-example-next/.gitignore Outdated Show resolved Hide resolved
@maxmarkus maxmarkus self-assigned this Aug 24, 2020
Copy link
Contributor

@UlianaMunich UlianaMunich left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Have a couple of suggestions:

  • Include Fundamental Styles and sap theming same as in other examples in package.jsonn
  • re-use the same default page layout we use in other examples (then it will be easier for us to upgrade the version of FD Styles all at once for all examples)

Copy link
Contributor

@UlianaMunich UlianaMunich left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All looks good except of one tiny thing is a Home icon on the desktop.
See attached
Screen Shot 2020-08-24 at 17 42 18

@stanleychh
Copy link
Contributor Author

@UlianaMunich , good catch. I made a mistake that Luigi core is not necessary to have fundamental styles, only micro frontend part needs.
Next.js has their own ways to apply CSS. FYI: https://nextjs.org/docs/basic-features/built-in-css-support
Currently, there is no good way to import CSS directly from node_modules, so I changed it to CDN way instead. The good news is this feature will be support in the near feature. Then I will improve it.

Copy link
Contributor

@ndricimrr ndricimrr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some improvement suggestions.
Let me know if any of the mentioned comments is not reproducible on your side .

core/examples/luigi-example-next/pages/home.js Outdated Show resolved Hide resolved
core/examples/luigi-example-next/package.json Show resolved Hide resolved
core/examples/luigi-example-next/pages/home.js Outdated Show resolved Hide resolved
core/examples/luigi-example-next/package.json Show resolved Hide resolved
Copy link
Contributor

@ndricimrr ndricimrr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Copy link
Contributor

@UlianaMunich UlianaMunich left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@stanleychh stanleychh dismissed maxmarkus’s stale review August 26, 2020 10:39

Already reviewed

@stanleychh stanleychh merged commit 21c9b17 into SAP:master Aug 26, 2020
@stanleychh stanleychh deleted the nextjs-example branch August 26, 2020 10:40
JohannesDoberer added a commit to JohannesDoberer/luigi that referenced this pull request Aug 31, 2020
…nfig

* master:
  Add up arrow key press to global search (SAP#1587)
  fix e2e test (SAP#1589)
  Update fiddle fd styles to 0.11.0 (SAP#1581)
  Modal loading indicator and close Modal event (SAP#1578)
  Integrate plugin readme in docu (SAP#1564)
  Luigi sample with Next.js (SAP#1579)
  Update version of FD styles to the Core 0.10.0 -> 0.11.0 (SAP#1569)
@ndricimrr ndricimrr mentioned this pull request Sep 9, 2020
stanleychh added a commit to stanleychh/luigi that referenced this pull request Dec 30, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Usage with next.js
5 participants