drupal-decoupled-app
Decoupled Drupal demo application based on React, GraphQL and Apollo including server-side rendering.
파일 탐색기
최종 버전 다운로드 (.zip)- nginx-drupal-cors.conf
- .htaccess
- automated_cron.settings.yml
- block.block.bartik_account_menu.yml
- block.block.bartik_branding.yml
- block.block.bartik_breadcrumbs.yml
- block.block.bartik_content.yml
- block.block.bartik_footer.yml
- block.block.bartik_help.yml
- block.block.bartik_local_actions.yml
- block.block.bartik_local_tasks.yml
- block.block.bartik_main_menu.yml
- block.block.bartik_messages.yml
- block.block.bartik_page_title.yml
- block.block.bartik_powered.yml
- block.block.bartik_tools.yml
- block.block.seven_breadcrumbs.yml
- block.block.seven_content.yml
- block.block.seven_help.yml
- block.block.seven_local_actions.yml
- block.block.seven_login.yml
- block.block.seven_messages.yml
- block.block.seven_page_title.yml
- block.block.seven_primary_local_tasks.yml
- block.block.seven_secondary_local_tasks.yml
- block_content.type.basic.yml
- core.base_field_override.node.page.promote.yml
- core.date_format.fallback.yml
- core.date_format.html_date.yml
- core.date_format.html_datetime.yml
- core.date_format.html_month.yml
- core.date_format.html_time.yml
- core.date_format.html_week.yml
- core.date_format.html_year.yml
- core.date_format.html_yearless_date.yml
- core.date_format.long.yml
- core.date_format.medium.yml
- core.date_format.short.yml
- core.entity_form_display.block_content.basic.default.yml
- core.entity_form_display.node.article.default.yml
- core.entity_form_display.node.page.default.yml
- core.entity_form_display.user.user.default.yml
- core.entity_form_mode.user.register.yml
- core.entity_view_display.block_content.basic.default.yml
- core.entity_view_display.node.article.default.yml
- core.entity_view_display.node.article.rss.yml
- core.entity_view_display.node.article.teaser.yml
- core.entity_view_display.node.page.default.yml
- core.entity_view_display.node.page.teaser.yml
- core.entity_view_display.user.user.compact.yml
- core.entity_view_display.user.user.default.yml
- core.entity_view_mode.block_content.full.yml
- core.entity_view_mode.node.full.yml
- core.entity_view_mode.node.rss.yml
- core.entity_view_mode.node.search_index.yml
- core.entity_view_mode.node.search_result.yml
- core.entity_view_mode.node.teaser.yml
- core.entity_view_mode.taxonomy_term.full.yml
- core.entity_view_mode.user.compact.yml
- core.entity_view_mode.user.full.yml
- core.extension.yml
- core.menu.static_menu_link_overrides.yml
- dblog.settings.yml
- editor.editor.basic_html.yml
- editor.editor.full_html.yml
- field.field.block_content.basic.body.yml
- field.field.node.article.body.yml
- field.field.node.article.field_image.yml
- field.field.node.article.field_tags.yml
- field.field.node.page.body.yml
- field.field.user.user.user_picture.yml
- field.settings.yml
- field.storage.block_content.body.yml
- field.storage.node.body.yml
- field.storage.node.field_image.yml
- field.storage.node.field_tags.yml
- field.storage.user.user_picture.yml
- field_ui.settings.yml
- file.settings.yml
- filter.format.basic_html.yml
- filter.format.full_html.yml
- filter.format.plain_text.yml
- filter.format.restricted_html.yml
- filter.settings.yml
- graphql.graphql_query_map.4153a91a3b5cb352c24c43c5b57fe4fc14807abd.yml
- graphql.query_map_json.config.yml
- image.settings.yml
- image.style.large.yml
- image.style.medium.yml
- image.style.thumbnail.yml
- jwt.config.yml
- key.key.authentication.yml
- menu_ui.settings.yml
- node.settings.yml
- node.type.article.yml
- node.type.page.yml
- seven.settings.yml
- shortcut.set.default.yml
- simpletest.settings.yml
- system.action.node_delete_action.yml
- system.action.node_make_sticky_action.yml
- system.action.node_make_unsticky_action.yml
- system.action.node_promote_action.yml
- system.action.node_publish_action.yml
- system.action.node_save_action.yml
- system.action.node_unpromote_action.yml
- system.action.node_unpublish_action.yml
- system.action.user_add_role_action.administrator.yml
- system.action.user_block_user_action.yml
- system.action.user_cancel_user_action.yml
- system.action.user_remove_role_action.administrator.yml
- system.action.user_unblock_user_action.yml
- system.authorize.yml
- system.cron.yml
- system.date.yml
- system.diff.yml
- system.file.yml
- system.image.gd.yml
- system.image.yml
- system.logging.yml
- system.mail.yml
- system.maintenance.yml
- system.menu.account.yml
- system.menu.admin.yml
- system.menu.footer.yml
- system.menu.main.yml
- system.menu.tools.yml
- system.performance.yml
- system.rss.yml
- system.site.yml
- system.theme.global.yml
- system.theme.yml
- taxonomy.settings.yml
- taxonomy.vocabulary.tags.yml
- text.settings.yml
- user.flood.yml
- user.mail.yml
- user.role.administrator.yml
- user.role.anonymous.yml
- user.role.authenticated.yml
- user.settings.yml
- views.settings.yml
- views.view.archive.yml
- views.view.block_content.yml
- views.view.content.yml
- views.view.content_recent.yml
- views.view.files.yml
- views.view.frontpage.yml
- views.view.glossary.yml
- views.view.taxonomy_term.yml
- views.view.user_admin_people.yml
- views.view.who_s_new.yml
- views.view.who_s_online.yml
- aliases.drushrc.php
- drushrc.php
- policy.drush.inc
- README.md
- ScriptHandler.php
- .gitkeep
- all.services.yml
- all.settings.php
- default.services.yml
- default.settings.php
- development.services.yml
- development.settings.php
- example.settings.local.php
- production.services.yml
- production.settings.php
- services.yml
- settings.php
- .htaccess
- development.services.yml
- example.settings.local.php
- example.sites.php
- .gitkeep
- .csslintrc
- .editorconfig
- .eslintignore
- .eslintrc
- .eslintrc.json
- .gitattributes
- .htaccess
- autoload.php
- humans.txt
- index.php
- robots.txt
- update.php
- web.config
- .dockerignore
- .gitignore
- composer.json
- composer.lock
- Dockerfile.cli
- Dockerfile.nginx
- Dockerfile.php
- introspect.js
- withAssetFiles.js
- withCssFiles.js
- withQueryFiles.js
- withResolveAliases.js
- assets.stub.js
- gql.transform.js
- jest.setup.js
- styles.stub.js
- index.ts
- routes.ts
- tsconfig.json
- fragment.gql
- index.tsx
- styles.css
- fragment.gql
- index.tsx
- styles.css
- index.tsx
- styles.css
- index.tsx
- index.tsx
- query.gql
- styles.css
- fragment.gql
- index.tsx
- styles.css
- fragment.gql
- index.tsx
- styles.css
- index.tsx
- query.gql
- _document.tsx
- Home.tsx
- Overview.tsx
- Router.tsx
- withApollo.ts
- favicon.ico
- dummy.test.ts
- tsconfig.json
- assets.d.ts
- globals.d.ts
- gql.d.ts
- styles.d.ts
- .env.defaults
- .gitignore
- .nvmrc
- .stylelintrc
- Dockerfile
- introspection.json
- next.config.dist.js
- next.config.js
- nodemon.json
- package.json
- tsconfig.json
- tslint.json
- yarn.lock
- .dockerignore
- .gitignore
- .lagoon.yml
- docker-compose.yml
- LICENSE.md
- README.md
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/drupal-graphql/drupal-decoupled-app
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd drupal-decoupled-app
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker-compose build
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
docker-compose up -d
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
docker-compose exec cli bash
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Node.js
쉬움사전 준비물
cd frontend
이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm start
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
// repository documentation
Was this content helpful?
(0 ratings)
