Setting up GitHub Pages deployment for an Nx-based Next.js application requires specific configuration for static export and proper subpath handling.
| // apps/cats-cypress/cypress/e2e/app.cy.ts | |
| import { getGreeting } from '../support/app.po'; | |
| describe('Should display a cat fact', () => { | |
| beforeEach(() => { | |
| cy.intercept('https://catfact.ninja/fact', { | |
| fixture: 'cat-fact-response.json', | |
| }).as('getCatsFact'); | |
| cy.visit('/'); | |
| cy.wait(['@getCatsFact']); |
| import React from 'react'; | |
| import { NavigationContainer } from '@react-navigation/native'; | |
| import { createNativeStackNavigator } from '@react-navigation/native-stack'; | |
| import { Carousel } from '@nx-expo-monorepo/ui'; | |
| const App = () => { | |
| const Stack = createNativeStackNavigator(); | |
| return ( | |
| <NavigationContainer> | |
| <Stack.Navigator> |
| // src/generators/preset/files/public/index.html | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <meta name="theme-color" content="#000000" /> | |
| <meta | |
| name="description" | |
| content="Web site created using create-react-app" |
| import { EntityState } from '@reduxjs/toolkit'; | |
| import { createTransform } from 'redux-persist'; | |
| import { LIKES_FEATURE_KEY } from '../likes/likes.slice'; | |
| const transformEntityStateToPersist = createTransform( | |
| // transform state on its way to being serialized and persisted. | |
| ( | |
| entityState: EntityState<any> | |
| ): { | |
| ids: string; |
| import React from 'react'; | |
| import { NavigationContainer } from '@react-navigation/native'; | |
| import { createNativeStackNavigator } from '@react-navigation/native-stack'; | |
| import { Carousel } from '@nx-expo-monorepo/ui'; | |
| const App = () => { | |
| const Stack = createNativeStackNavigator(); | |
| return ( | |
| <NavigationContainer> | |
| <Stack.Navigator> |
| import React from 'react'; | |
| import { Card, Title, Paragraph } from 'react-native-paper'; | |
| export interface CarouselProps { | |
| imageUri?: string; | |
| title?: string; | |
| content: string; | |
| } | |
| export function Carousel({ imageUri, title, content }: CarouselProps) { |
| { | |
| "root": "apps/studio-ghibli-search-engine-mobile-web", | |
| "sourceRoot": "apps/studio-ghibli-search-engine-mobile-web/src", | |
| "projectType": "application", | |
| "targets": { | |
| ... | |
| }, | |
| "implicitDependencies": ["studio-ghibli-search-engine-mobile"] | |
| } |
| { | |
| "presets": [ | |
| [ | |
| "@nrwl/react/babel", | |
| { | |
| "runtime": "automatic" | |
| } | |
| ] | |
| ], | |
| "plugins": [["react-native-web", { "commonjs": true }]] |
| import { AppRegistry } from 'react-native'; | |
| // eslint-disable-next-line @nrwl/nx/enforce-module-boundaries | |
| import App from '../../studio-ghibli-search-engine-mobile/src/app/App'; | |
| AppRegistry.registerComponent('main', () => App); | |
| AppRegistry.runApplication('main', { | |
| rootTag: document.getElementById('root'), | |
| }); |
